-
Notifications
You must be signed in to change notification settings - Fork 0
/
landpage.html
63 lines (57 loc) · 2.36 KB
/
landpage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Genzify</title>
<link rel="stylesheet" href="landpage.css">
</head>
<body>
<header>
<nav class="navbar">
<a href="#">
<img src="/images/logo.png" alt="Your Logo">
</a>
<ul class="head-bar">
<li><a href="#">Home</a></li>
<li><a href="#">Glossary</a></li>
<li><a href="#">Contributions</a></li>
</ul>
</nav>
</header>
<main>
<div class="hero">
<div class="content">
<h1>Hello. <br> I'm Genzify.</h1>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Recusandae consectetur veritatis, ipsa
facere explicabo ipsum magnam in tempora soluta non repudiandae vero nihil.</p>
<button><a href="#" class="btn">Dive in!</a></button>
</div>
<div class="image">
<img src="/images/hero.jpg" alt="Your image">
</div>
</div>
<section class="about">
<h2>About Us</h2>
<div class="card">
<div class="space"></div>
<img src="/images/about.jpg" alt="Project 1">
<div class="card-content">
<h2>What happens here?</h2>
<p>This is a description about your site and what all it provides. Lorem ipsum dolor sit amet
consectetur adipisicing elit. Dolor quis id officiis. Nam cupiditate adipisci sint excepturi
facere dolorem, beatae aperiam repellat nulla?. Lorem, ipsum dolor sit amet consectetur
adipisicing elit. Officiis dignissimos ipsa dicta non, praesentium earum quia ullam pariatur
fugit maiores cupiditate voluptatem molestias neque ipsam perspiciatis voluptatibus, odio
ducimus modi aliquid, cum nobis sunt!</p>
<button>Learn More</button>
</div>
</div>
</section>
</main>
<footer>
<p class="footer-quote">Feeling vibed today? Look it up!</p>
<img src="/images/logo.png" alt="Gen Z Slang Icon" class="footer-image">
</footer>
</body>
</html>