-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (59 loc) · 3.71 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
<!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>TOD Landing Page</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="header">
<header>Those Guys</header>
<img class="hdrimg" src="./images/rabbit.jpeg" alt="a bunny">
<ul>
<li href="https://ilovetacosrestaurant.com/"><button>TACOS</button></li>
<li href='https://www.imdb.com/title/tt0071853/'><button>a gRail?</button></li>
<li href="https://www.theodinproject.com"><button>TOD</button></li>
</ul>
</div>
<div class='hcontent'>
<div class='ucontent'>
<div class='awesome'>Pastafarian Prayer</div>
<a>
Our pasta, who art in a colander, draining be your noodles. Thy noodle come, Thy sauce be yum, on top some grated Parmesan. Give us this day, our garlic bread, …and forgive us our trespasses, as we forgive those who trample on our lawns. And lead us not into vegetarianism, but deliver us some pizza, for thine is the meatball, the noodle, and the sauce, forever and ever.</a>
<a href="https://www.spaghettimonster.org/"><button>R'amen</button></a>
</div>
<img class='tfsm' src='./images/tfsm.jpg' alt='the flying spaghetti monster'>
</div>
<div class="random">Some random information</div>
<div class="container">
<div class="info">
<img src="./images/bikerchick.jpg" alt="female mountain biker">
<div class="text">The benefits of riding a bicycle are numerous, both physical and mental.</div>
</div>
<div class="info">
<img src="./images/loki.jpg" alt="loki">
<div class="text">The Norse god of mischief Loki bound with the enttrails of his son Fenrir. He will be released at the end of days to lead the giants against the gods in the final battle Ragnarok.</div>
</div>
<div class="info">
<img src="./images/rc.jpg" alt="remote controlled truck">
<div class="text">The lithium battery has changed the face of the remote control vehicle hobby. Giving potentially hours of use on a single charge.</div>
</div>
<div class="info">
<img src="./images/sasquatch.jpg" alt="sasquatch crossing sign">
<div class="text">The pacific northwest is considered a hotbed of sasquatch sightings. He is an example to us all as the ultimate leave no trace camper and the ultimate hide and seek champion.</div>
</div>
</div>
<div class='cntr'>
<div class='quote'>
I am learning to understand rather than immediately judge or to be judged. I cannot blindly follow the crowd and accept their approach. I will not allow myself to indulge in the usual manipulating game of role creation. Fortunately for me, my self-knowledge has transcended that and I have come to understand that life is best to be lived and not to be conceptualized. I am happy because I am growing daily and I am honestly not knowing where the limit lies. To be certain, every day there can be a revelation or a new discovery. I treasure the memory of the past misfortunes. It has added more to my bank of fortitude. <div class="bl">-Bruce Lee</div>
</div>
<div class='kzn'>
<div class='kznq'>What are you personally doing to help make the world a better place? If you cannot answer that question perhaps you should spend some time reflecting on what is important to you.</div>
<a href='global-citizen.html'><button>kaizen</button></a>
</div>
</div>
<footer>Thank you for visiting my first landing page.</footer>
</body>
</html>