-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (59 loc) · 2.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<div class="top">
<div class="header">
<div class="logo">Header Logo</div>
<div class="navlinks">
<ul>
<li><a href="https://google.com">header link one</a></li>
<li><a href="https://google.com">header link two</a></li>
<li><a href="https://google.com">header link three</a></li>
</ul>
</div>
</div>
<div class="hero">
<div class="hero-left">
<div class="hero-title">This website is awesome!</div>
<div class="hero-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu
</div>
<button class="hero-button">Sign Up</button>
</div>
<div class="hero-right">
<img class="cat" src="images/herokitty.jpg">
</div>
</div>
</div>
<div class="tile-section">
<div class="tile-header">Some Random Information</div>
<div class="the-tiles">
<div class="tile"><img class="kitty" src="images/kitten.jpg">Meow Meow Meow This is a caption for the picture.</div>
<div class="tile"><img class="kitty" src="images/kitten.jpg">Meow Meow Meow This is a caption for the picture</div>
<div class="tile"><img class="kitty" src="images/kitten.jpg">Meow Meow Meow This is a caption for the picture</div>
<div class="tile"><img class="kitty" src="images/kitten.jpg">Meow Meow Meow This is a caption for the picture</div>
</div>
</div>
<div class="quote-section">
<div class="quote">"Women and cats will do as they please, and men and dogs should relax and get used to the idea."</div>
<div class="author">-Robert A. Heinlein</div>
</div>
<div class="banner-section">
<div class="banner">
<div class="banner-left">
<div class="banner-headline">Call to action! It's time!</div>
<div class="banner-copy">Sign up for our product by clicking the button!</div>
</div>
<div class="banner-button"><button>Sign Up</button></div>
</div>
</div>
<div class="footer">
Copyright The Odin Project 2021
</div>
</body>
</html>