-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
73 lines (71 loc) · 2.87 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css" />
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<header>
<p class="logo">This here is the logo</p>
<ul class="links">
<li><a href="">header link one</a></li>
<li><a href="">header link two</a></li>
<li><a href="">header link three</a></li>
</ul>
</header>
<div class="hero header">
<div class="container">
<h2>Our website is indestructible!</h2>
<p>This is the blah blah blah filler text it will be small once I start working on the CSS</p>
<button type="button">Sign Up</button>
</div>
<img class="pedestrians" src="../img/pedestrians.jpg" alt="Pedestrians walking across the street with a blurred effect" >
</div>
<div class="info">
<h3>This is the very important info</h3>
<div class="photos">
<figure>
<img class="image" src="../img/code_c.jpg" alt="Computer screen with javascript" />
<figcaption>Unbeatable code & junk</figcaption>
</figure>
<figure>
<img class="image" src="../img/circuitboard_c.jpg" alt="Extreme close-up of a printed circuit board" />
<figcaption>Tiny electronics to astound the ignorant mind</figcaption>
</figure>
<figure>
<img class="image" src="../img/earth_c.jpg" alt="Picture of planet Earth edited to look like a schematic" />
<figcaption>Shaping Earth into a mighty technological utopia</figcaption>
</figure>
<figure>
<img class="image" src="../img/marsrover_c.jpg" alt="A rover on Mars" />
<figcaption>Contributing to the exploration of the cosmos</figcaption>
</figure>
</div>
</div>
<div class="quote-container">
<div class="quote-box">
<blockquote>
Human well-being is not a random phenomenon. It depends on many factors - ranging from genetics and neurobiology to sociology and economics.
But, clearly, there are scientific truths to be known about how we can flourish in this world. Wherever we can have an impact on the well-being of others,
questions of morality apply.
</blockquote>
</div>
<strong>- Sam Harris</strong>
</div>
<div class="call-to-action">
<div class="bluebox">
<div class="babyblue">
<h4>Resistance is futile!</h4>
<p>Press the button. You know you want to.</p>
</div>
<button type="button">Sign Up</button>
</div>
</div>
<footer>
<p>Copyright @ Pseudacris 2024</p>
</footer>
</body>
</html>