-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (96 loc) · 3.72 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="icon" href="https://d1nhio0ox7pgb.cloudfront.net/_img/g_collection_png/standard/512x512/pumpkin.png">
<script src="https://kit.fontawesome.com/7b4dd784d1.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- container -->
<div class="container">
<!-- header -->
<header>
<a href="index.html">
<img src="images/logo(1).svg" alt="logo">
</a>
<nav>
<ul class="headerUl">
<li>
<a href="index.html" class="headerA active">Home</a>
</li>
<li>
<a href="#" class="headerA">Menu</a>
</li>
<li>
<a href="#" class="headerA">Reservation</a>
</li>
<li>
<a href="#" class="headerA">Contact</a>
</li>
</ul>
</nav>
<i class="fa-solid fa-bag-shopping"></i>
</header>
<!-- section 1-->
<section class="section1">
<img src="images/cover.png" alt="cover" class="section1Cover">
<div class="divSection">
<h2>Taste the world’s best dishes</h2>
<button class="button1">ONLINE ORDER</button>
</div>
</section>
<!-- section 2 -->
<section class="section2">
<img src="images/sectionIMG.png" alt="image" class="section2img">
<article>
<h3>Discover Our Story</h3>
<p>Our story starts with you. Right here. At our table. Welcome to True Food Kitchen.
True Food Kitchen is the only restaurant fundamentally based on science which ensures all of its craveable dishes and drinks work to increase the longevity of our people and planet.</p>
<button class="button2">LEARN MORE</button>
</article>
</section>
<!-- footer -->
<footer>
<article class="footerArticle1">
<h4>FOOD</h4>
<nav>
<ul>
<li>
<a href="#" class="footerA">Menu</a>
</li>
<li class="middle">
<a href="#" class="footerA">Catering Nutritionals and Allergens</a>
</li>
<li>
<a href="#" class="footerA">Good Slice Pizza</a>
</li>
</ul>
</nav>
</article>
<article class="footerArticle2">
<h5>Connect With Us </h5>
<nav>
<ul class="footerUl2">
<li>
<a href="https://www.instagram.com/accounts/login/?next=%2F&source=mobile_nav" target="_blank"><i class="fa-brands fa-instagram"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/login?session_redirect=%2Fredir%2Fe%2Fv2%3Fe%3Db1eg4i-jmuqsafw-jt%26lipi%3Durn%253Ali%253Apage%253Aemail_security_add_email_notification%253B%252BAPGE31DRBKuB8DYZbnWnQ%253D%253D%26t%3Dnas%26midToken%3DAQEFI5mxIdZjhw%26ek%3Dsecurity_add_email_notification&report%2Efailure=bAtHuZgmT27wf4cny_fkLSfUA6oTq4EYr2jzPDnC397rZzgeU8GS-nThI0frF-_TdUI/1000" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
</li>
<li>
<a href="https://www.facebook.com/home.php" target="_blank"><i class="fa-brands fa-facebook"></i></a>
</li>
<li>
<a href="https://www.tiktok.com/login/?enter_method=tv&type=tv&redirect_url=https%3A%2F%2Ftv.tiktok.com%2Fme%3Ffrom_webapp%3D1" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
</li>
</ul>
</nav>
</article>
</footer>
</div>
</body>
</html>