forked from lisazhao30/TechNova
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome-page.html
53 lines (51 loc) · 2.98 KB
/
home-page.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Insert Our Website Name Here</title>
<link rel="stylesheet" href="home-page.css">
</head>
<style>
body {
background-color: #F28B8B;
}
</style>
<body>
<nav>
<a class="active" href="home-page.html">cura</a>
<a class="active" href="about-us.html">about us</a>
<a href="login.html">log in</a>
<a href="signup.html">sign up</a>
</nav>
<img class="logo" src="logo.png" alt="logo" width="200">
<header>
<div class="headerbackground">
<h1>Match and connect with empowering women in tech!</h1>
<h2>Whether you are looking to connect with mentors or fellow students, we are the place for you!</h2>
</div>
</header>
<div class="description">
<h1>How does it work?</h1>
<h2>
Cura strives to help young women feel more confident in their positions in the tech world as currently,
women are very underrespresented. Follow these simple steps to get matched with someone with
a similar role and interests. <br>
1. Sign up and fill out your interest forms <br>
2. Connect with others! If both of you agree to connect with one another, you will be paired to chat!<br>
3. Chat! Get to know one another!
</h2>
</div>
<div class="blue-blob">
<svg width="727" height="558" viewBox="0 0 727 558" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="blue-blob" fill-rule="evenodd" clip-rule="evenodd" d="M350.105 0.502186C410.469 -2.72684 468.697 9.71608 523.633 34.9394C590.525 65.6523 665.791 94.6656 698.646 160.532C733.229 229.86 737.607 319.878 699.382 387.266C662.736 451.869 576.713 461.375 509.759 493.524C457.064 518.825 408.248 548.952 350.105 554.974C286.41 561.572 222.065 557.272 164.465 529.291C98.2713 497.135 20.9388 457.913 3.25355 386.478C-14.3701 315.293 43.6828 249.863 79.4346 185.833C108.202 134.312 140.873 86.1477 189.562 52.8099C237.167 20.2141 292.492 3.58408 350.105 0.502186Z" fill="#8CD8F0"/>
</svg>
</div>
<div class="purple-blob">
<svg width="660" height="616" viewBox="0 0 660 616" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="purple-blob" fill-rule="evenodd" clip-rule="evenodd" d="M312.995 24.4215C373.438 27.9528 439.1 -0.740833 490.026 32.0072C541.595 65.1689 546.955 135.623 572.555 191.333C602.6 256.714 682.378 320.497 652.722 386.054C622.087 453.773 511.099 421.966 449.445 463.478C391.694 502.362 382.005 605.591 312.995 614.793C245.433 623.801 190.288 556.64 147.271 503.769C111.531 459.843 117.826 398.298 94.7641 346.577C67.3912 285.188 -4.82932 241.078 0.255353 174.055C5.50098 104.91 57.7154 40.333 120.268 10.4042C179.829 -18.0935 247.079 20.5704 312.995 24.4215Z" fill="#B69CEC"/>
</svg>
</div>
</body>
</html>