-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (77 loc) · 3.14 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Landing-Page-Project</title>
<link rel="stylesheet" href="./style.css"/>
</head>
<body>
<div class="header">
<div class="header-left">
<div class="header-logo"><h6>Header Logo</h6></div>
<div class="hero-main">
<h3>This template is Awesome!</h3>
<div class="hero-secondary">
<p>This is a project from TOP(the odin project) for the final project of foundations course.</p>
<p>This is implemented using flexbox and css with limited functionality</p>
</div>
<button class="sign-up-1">Sign Up</button>
</div>
</div>
<div class="header-right">
<div class="links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
<div class="header-img">
<img class="hero-img" src="./images/hero-img.png" alt="a photo by Hal Gatewood (@halacious)" />
</div>
</div>
</div>
<div class="content-container">
<div class="tagline"><h5>Some more pics</h5></div>
<div class="img-container">
<div class="image-stack">
<img src="./images/boston-library.jpg"/>
<span class="caption">© Boston Library</span>
</div>
<div class="image-stack">
<img src="./images/canary.jpg"/>
<span class="caption">© Boston Library</span>
</div>
<div class="image-stack">
<img src="./images/city.jpg"/>
<span class="caption">© Boston Library</span>
</div>
<div class="image-stack">
<img src="./images/rose.jpg"/>
<span class="caption">© McGill Library</span>
</div>
</div>
</div>
<div class="quote-container">
<p>"We don't read and write poetry because it's cute.
We read and write poetry because we are members of the human race.
And the human race is filled with passion.
And medicine, law, business, engineering, these are noble pursuits
and necessary to sustain life.
But poetry, beauty, romance, love, these are what we stay alive for."</p>
<p class="author"> -Jhon Keating (Robin Williams)</p>
<span class="cation">Dead Poets Society(1989)</span>
</div>
<div class="outer-signup-container">
<div class="sign-up-container">
<div class="call">
<h3>Liked the page or found an issue?</h3>
<p>Shoot me a e-mail and I will be in touch!</p>
</div>
<button class="sign-up-2">Contact Me</button>
</div>
</div>
<div class="footer">Copyright © apaleblueman 👤 2024</div>
</body>
</html>