-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
126 lines (122 loc) · 8.99 KB
/
index.php
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Indie+Flower|Caveat|Kalam" rel="stylesheet">
<link rel="stylesheet" href="css/style.css" type="text/css">
<!-- JQuery first, then Popper.js, then Bootstrap.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<!-- Challenge Title -->
<title>Bootstrap Challenge</title>
</head>
<body>
<!-- navigation elements -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark mb-3">
<a class="navbar-brand" href="#">Taco Bear</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav ml-auto">
<a class="nav-item nav-link active" href="#"><img src="images/bear.png" alt="bear icon" /> <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="#"><img src="images/taco.png" alt="taco icon" /></a>
<a class="nav-item nav-link" href="#"><img src="images/open-book.png" alt="Open Book Icon"/></a>
<a class="nav-item nav-link" href="#"><img src="images/whatsapp-logo.png" alt="contact icon"/></a>
</div>
</div>
</nav>
<!-- Main body of the page -->
<main>
<!-- Container for the jumbotron -->
<div class="container">
<div class="jumbotron text-center">
<h1 class="display-4">Taco Bear!</h1>
<blockquote class="blockquote">
<p class="mb-0">It is said that the greatest privilege a man can have is to own a taco bear.</p>
<footer class="blockquote-footer">Sir William T. Aco in <cite title="Source Title">Taco Bear: Myth or Legend?</cite></footer>
</blockquote>
<a class="btn btn-dark btn-lg" href="#" role="button">Learn more</a>
</div>
</div>
<!-- Creates spacing between elements -->
<hr class="feature-divider">
<!-- Container for the truth section -->
<div class="container-fluid truth pb-4">
<div class="row text-center">
<h2 class="col-md-12 pb-2">The Truth About Taco Bears <img src="images/paw-print.png" alt="paw print icon"></h2>
</div>
<hr class="divider">
<div class="row">
<!-- Image container. Rounds and causes img to shrink based on container width -->
<div class="col-md-4">
<img src="http://placebear.com/500/490" alt="Bear Image PlaceHolder" class="img-fluid rounded">
</div>
<!-- truth text section -->
<div class="col-md-8">
<p>Every day is taco ipsum tuesday. CARNITAS!! Tacos Al pastor/De Adobada are made of thin pork steaks seasoned with adobo seasoning, then skewered and overlapped on one another on a vertical rotisserie cooked and flame-broiled as it spins. You see, the refried beans are really just the adhesive necessary to apply the soft tortilla to the hard taco shell. Tacos dorados called flautas, or taquitos, for which the tortillas are filled with pre-cooked shredded chicken, beef or barbacoa, rolled into an elongated cylinder and deep-fried until crisp.</p>
<p>TACOS!! Side of rice and beans, please. It’s taco time all the time. Add in a few el Pastor with guac and diced onions. It’s taco time all the time. It’s a wonderful morning for breakfast tacos. Tacos, again? This will be 5 times this week and it’s only Tuesday. Black or pinto beans? Yeah, apparently the taco shack was robbed. They left the money but took the tacos. Make it a double there pal. How do you feel about hard shelled tacos? It’s raining tacos, from out of the sky, tacos, don’t even ask why. Give me all your tacos.</p>
<p>I’ve been following that taco truck around all day. It’s taco time all the time. Does guac cost extra? Fish tacos with cabbage slaw and a side of chips and guac. Tacos, again? This will be 5 times this week and it’s only Tuesday. I think I’ve overdosed on tacos. It’s taco Tuesday Monday. 50 cent tacos! I’ll take 30. TACOS!! I’ve been following that taco truck around all day.</p>
</div>
</div>
</div>
<!-- Divides the elements on the page -->
<hr class="feature-divider">
<!-- Container for the fact section -->
<div class="container text-center fact-section">
<div class="row text-center">
<h2 class="col-md-12 pb-4">Little Known Facts</h2>
</div>
<!-- Row of items. Lines them up horizontally on page -->
<div class="row align-items-baseline">
<div class="col-lg-3">
<img src="https://kellidgordonlibertyblog.files.wordpress.com/2016/01/bear-soft-taco-sleeping-bags-lol.jpg" alt="Taco Bear Meme" class="rounded-circle pb-2" width="200" height="200">
<p class="border border-info fact-text">Every day is taco ipsum tuesday. Does guac cost extra? Pico de gallo,
on the side please. It’s taco time all the time. Burritos are very tasty. Tacos al pastor made with adobada meat.
Yeah, apparently the taco shack was robbed. TACOS!! BARBACOA!! They left the money but took the tacos. Tacos al pastor made with adobada
meat. Give me all the tacos, immediately. Fish tacos: lettuce or cabbage, pico de gallo, avocado and a sour cream or
citrus/mayonnaise sauce, all placed on top of a corn or flour tortilla. CARNE ASADA!!</p>
</div>
<div class="col-lg-3">
<img src="https://pbs.twimg.com/profile_images/528635435413942272/MyKc1vpV.jpeg" alt="Taco Bear Meme" class="rounded-circle pb-2" width="200" height="200">
<p class="border border-dark fact-text">Every day is taco ipsum tuesday. Fish tacos with cabbage slaw and a
side of chips and guac. Tacos al pastor made with adobada meat. BARBACOA!! Shrimp tacos are tasty tacos!
Let’s do a beef and a chicken, and one with both. How do you feel about hard shelled tacos? Say taco one more time. Give me all the tacos, immediately. BARBACOA!!
TACOS!! Tacos al pastor made with adobada meat. You see, the refried beans are really just the adhesive necessary
to apply the soft tortilla to the hard taco shell.!</p>
</div>
<div class="col-lg-3">
<img src="https://res.cloudinary.com/teepublic/image/private/s--egrv4_ON--/t_Preview/b_rgb:191919,c_limit,f_jpg,h_630,q_90,w_630/v1496551789/production/designs/1644610_1.jpg" alt="Taco Bear Meme" class="rounded-circle pb-2" width="200" height="200">
<p class="border border-secondary fact-text">Every day is taco ipsum tuesday. Tacos, again?
This will be 5 times this week and it’s only Tuesday. Can you put some peppers and onions on that?
Tacos Al pastor/De Adobada are made of thin pork steaks seasoned with adobo seasoning, then skewered
and overlapped on one another on a vertical rotisserie cooked and flame-broiled as it spins. CARNITAS!!
I think I’ve overdosed on tacos. CARNE ASADA!! 50 cent tacos! I’ll take 30. It’s raining tacos, from out
of the sky, tacos, don’t even ask why. Pico de gallo, on the side please.</p>
</div>
<div class="col-lg-3">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTzx3-n8f4u7rU8TXx3dG_m_0rSD7T04apSW3fut1iBT5YaRVgC" alt="Taco Bear Meme" class="rounded-circle pb-2" width="200" height="200">
<p class="border border-secondary fact-text">Every day is taco ipsum tuesday. Does guac cost extra? Pico de gallo,
on the side please. It’s taco time all the time. Burritos are very tasty. Tacos al pastor made with
adobada meat. Yeah, apparently the taco shack was robbed. How do you feel about onions and cilantro? They left the money but took the tacos. Tacos
al pastor made with adobada meat. Give me all the tacos, immediately. Fish tacos: lettuce or cabbage, pico
de gallo, avocado and a sour cream or citrus/mayonnaise sauce, all placed on top of a corn or flour tortilla.
CARNE ASADA!!</p>
</div>
</div>
</div>
</main>
<!-- Footer Section -->
<footer class="footer mt-5">
<div class="container text-center">
<span>© Taco Bear Sightings, LLC</span>
<div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>
</div>
</footer>
</body>
</html>