-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (93 loc) · 6.51 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Welcome to Flavortown</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<link href="https://fonts.googleapis.com/css?family=Comfortaa:700" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div id="loading">
<div id="spinner"></div>
</div>
<div id="particles-js"></div>
<div id="box">
<div class="box1 onlywide animated bounceOutLeft" style="animation-delay:1.7s;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.8s;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.9s;"></div>
<div class="box2 animated bounceOutRight" style="animation-delay:1.9s;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.8s;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.7s;"></div>
</div>
<a id="about" onclick="showabout()" class="animated fadeIn" style="animation-delay:2.2s;">about</a>
<a id="work" onclick="showwork()" class="animated fadeIn" style="animation-delay:2.2s;">eat</a>
<div id="middle" class="animated slideInDown" style="animation-delay:2.0s;">
<h1>Guy Fieri</h1>
<h2>Chef / TV host / Philanthropist</h2>
<div id="menu">
<a onclick="showabout()">about</a>
<a onclick="showwork()">eat</a>
</div>
<table>
<tr>
<td class="animated zoomIn" style="animation-delay:2.2s;"><a href="https://www.facebook.com/GuyFieri" class="social"><i class="fab fa-facebook"></i></a></td>
<td class="animated zoomIn" style="animation-delay:2.4s;"><a href="https://twitter.com/GuyFieri" class="social"><i class="fab fa-twitter"></i></a></td>
<td class="animated zoomIn" style="animation-delay:2.6s;"><a href="https://www.instagram.com/guyfieri/" class="social"><i class="fab fa-instagram"></i></a></td>
</tr>
</table>
</div>
<div id="work_container" class="container">
<div onclick="closework()"><i class="fas fa-angle-right"></i></div>
<h1>restaurants</h1>
<section>
<h2>Eat with Guy</h2>
<p>
<ul>
<li><a href="https://www.guyfieri.com/eat-at-guys/guy-fieris-american-kitchen-bar">Guy Fieri's American Kitchen Bar</a></li>
<li><a href="https://www.guyfieri.com/eat-at-guys/chicken-guy">Chicken Guy</a></li>
<li><a href="https://www.guyfieri.com/eat-at-guys/guys-burger-joint">Guy's Burger Joint</a></li>
<li><a href="https://www.guyfieri.com/eat-at-guys/guy-fieris-tequila-cocina">Guy Fieri's Tequila Cocina</a></li>
<li><a href="https://www.guyfieri.com/eat-at-guys/guy-fieris-dive-bar-taco-joint">Guy Fieri's Dive Bar & Taco Join<a></li>
</ul>
</p>
<!--
<div id="used">
<div><i class="fas fa-circle"></i> HTML5</div>
<div><i class="fas fa-circle"></i> CSS3</div>
<div><i class="fas fa-circle"></i> Javascript</div>
</div>
<button class="btn_one">button 1</button>
<button class="btn_two">button 2</button>
-->
</section>
</div>
<div id="about_container" class="container">
<div onclick="closeabout()"><i class="fas fa-angle-left"></i></div>
<h1>about Guy Fieri</h1>
<section>
<h2>"Guyography" from guyfieri.com</h2>
<p>Chef, restaurateur, New York Times Best Selling author and Emmy Award-winning TV host, Guy Fieri, is one of the world’s most recognizable and influential culinary stars. In 2019, Guy received a star on the celebrated Hollywood Walk Fame, a rare feat for a chef.</p>
<p>Guy began his love affair with food at the age of ten, selling soft pretzels from a three-wheeled bicycle cart he built with his father called “The Awesome Pretzel Cart.” After selling pretzels and washing dishes for six years, Guy earned enough money to pursue his dream of studying abroad in Chantilly, France, where he gained a profound appreciation for international cuisines and further strengthened his passion for food. He returned to the US and graduated from the University of Nevada Las Vegas with a degree in Hospitality Management. Upon his graduation, Guy jumped headfirst into the restaurant business, ultimately opening his own casual dining concepts in Northern California.</p>
<p>In 2006, Guy won Food Network’s popular television competition show, “Next Food Network Star” and was awarded his own series, the Emmy nominated “Guy’s Big Bite.” Since that time, Guy has taken food television by storm as host of top-rated TV shows including the iconic, Emmy-nominated “Diners, Drive Ins & Dives,” “Guy’s Grocery Games,” “Tournament of Champtions" and “Guy’s Ranch Kitchen.”</p>
<p>Additionally, Guy and his team at Knuckle Sandwich, LLC, have created a thriving culinary empire, opening 75 restaurants around the world. On land and at sea, from the Las Vegas Strip to the Atlantic City Boardwalk, from South Africa to Colombia and from Costa Rica to Dubai, Guy’s culinary creations are enjoyed globally, every day.</p>
</section>
<section>
<h2>skills</h2>
<p>
Chef
</p>
</section>
</div>
<div id="footer">
template made on earth by a human <br> <a href="https://imfunniee.github.io">imfunniee</a>
</div>
<script src="index.js" type="text/javascript"></script>
<script src="particles.js"></script>
<script src="app.js"></script>
</body>
</html>