-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathadd7.html
105 lines (93 loc) · 3.82 KB
/
add7.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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!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>website</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header class="mainheader">
<div class="headercontainer">
<h1>
<img src="#" alt="logo" class="headerlogo">
</h1>
<nav class="navbar">
<ul class="navlinks">
<li class="navitem">
<a href="#" class="navlink"> nav link 1</a>
</li>
<li class="navitem">
<a href="#" class="navlink"> nav link 2</a>
</li>
<li class="navitem">
<a href="#" class="navlink"> nav link 3</a>
</li>
</ul>
</nav>
</div>
</header>
<div class="topcontainer">
<div class="toptext">
<h1 class="topheading">This website is awesome!</h1>
<p class="topsubtext">This website has some subtext under the title... this is it</p>
<button class="signupButton">Sign up</button>
</div>
<div class="topimg">
<img src="#" alt="image in title" class="topimg">
</div>
</div>
<div class="midtitle">
<h2 class="mttext">Some random information</h2>
</div>
<div class="midcontainer">
<div class="imgInfo">
<img src="https://www.collinsdictionary.com/images/full/rabbit_274039655.jpg" alt="img info 1" class="img">
<p>Here is some subtext under a nice image, see how nice it is?</p>
</div>
<div class="imgInfo">
<img src="https://www.collinsdictionary.com/images/full/rabbit_274039655.jpg" alt="img info 2" class="img">
<p>Here is some subtext under a nice image, see how nice it is?</p>
</div>
<div class="imgInfo">
<img src="https://www.collinsdictionary.com/images/full/rabbit_274039655.jpg" alt="img info 3" class="img">
<p>Here is some subtext under a nice image, see how nice it is?</p>
</div>
<div class="imgInfo">
<img src="https://www.collinsdictionary.com/images/full/rabbit_274039655.jpg" alt="img info 4" class="img">
<p>Here is some subtext under a nice image, see how nice it is?</p>
</div>
</div>
<div class="mid2container">
<div class="mid2text">
<div class="quote">
<p><em>Here is a very inspirational quote, something about never giving up and always following
your
dreams.
Everything is easy if you put yout mind to it and have 1 million pounds. Lorem ipsum dolor sit
amet
consectetur, adipisicing elit. Quisquam totam culpa perferendis aliquam saepe, dolor ipsum ipsam
blanditiis
nisi eius optio obcaecati, dignissimos ipsa excepturi laudantium eaque accusantium quidem
ut!</em>
</p>
</div>
<div class="author">
<p><b>-Some celebrity probably</b></p>
</div>
</div>
</div>
<div class="bot">
<div class="call2action">
<h4 class="c2aheading">Call to action!</h4>
<p class="c2asubtext">It's time! Destiny is calling and its for you!</p>
<button class="signupbutton2">Sign
up</button>
</div>
</div>
<footer>
<p>Copyright ME 2022</p>
</footer>
</body>
</html>