-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
86 lines (86 loc) · 4.51 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#0E2C25" /> <!--TODO: Change theme color while scrolling-->
<meta name="description=" content="Yvette is your trusted companion, dedicated to empowering women of color to take charge of their healthcare journeys. Women of color face many frustrating challenges, but healthcare should not be one of them." >
<link rel="stylesheet" href="reset.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
<title>Learn More about Yvette</title>
</head>
<body>
<div class="banner">Empowering women of color in healthcare</div>
<header>
<a href="index.html" class="logo-wrap"><div class="logo-img"></div></a>
<div class="ham-menu">
<span></span>
<span></span>
<span></span>
</div>
<div class="mobile-menu">
<ul>
<li><a href="about.html" class="ham-items">About</a></li>
<li><a href="support.html" class="ham-items">Find Support</a></li>
<li><a href="resources.html" class="ham-items">Resources</a></li>
<!-- <li><a href="community.html" class="ham-items">Community</a></li> -->
<li><a href="shop.html" class="ham-items">Shop</a></li>
<li><a href="contact.html" class="ham-items">Contact</a></li>
</ul>
</div>
<nav>
<ul>
<li><a href="about.html" class="nav-items">About</a></li>
<li><a href="support.html" class="nav-items">Find Support</a></li>
<li><a href="resources.html" class="nav-items">Resources</a></li>
<!-- <li><a href="community.html" class="nav-items">Community</a></li> -->
<li><a href="shop.html" class="nav-items">Shop</a></li>
<li><a href="contact.html" class="nav-items">Contact</a></li>
<button id="nav-btn" onclick="redirectToProvider()">Find a Provider</button>
</ul>
</nav>
</header>
<main id="about-page">
<section class="hero-wrap">
<h2>Learn More about Yvette</h2>
<div class="main-container">
<div class="left-hero">
<p>Yvette is your trusted companion, dedicated to empowering women of color to take charge
of their healthcare journeys. Women of color face many frustrating challenges, but
healthcare should not be one of them.</p>
<p>Our mission is to empower, educate, and equip women of color with the necessary tools to navigate the healthcare system,
self-advocate, and take control of their well-being.</p>
<p>Our vision is a world where women of color feel heard, respected, and
empower in every decision regarding their health and well-being.</p>
</div>
<div class="right-hero"></div>
</div>
</section>
<section class="community-wrap">
<div class="community-contents">
<h2>Join Our Community</h2>
<p>Connect for Better Health: Join Our Community for Support, Resources, and Empowerment!</p>
<div class="form-wrap">
<form method="post" action="https://webdevbasics.net/scripts/demo.php">
<input type="text" name="first name" class="input" placeholder="First Name" required>
<input type="text" name="last name"class="input" placeholder="Last Name" required>
<input type="text" name="email" class="input" placeholder="Email Address" required>
<input type="submit" id="form-submit">
</form>
</div>
</div>
</section>
</main>
<footer>
<a href="index.html" id="footer-logo">Yvette.</a>
<div>2024 Makayla Wray All rights reserved</div>
</footer>
<script src="script.js"></script>
</body>
</html>