Skip to content

Commit 5883e49

Browse files
Shu12388yShu12388y
committed
super burger landiing page
1 parent 9a7f46e commit 5883e49

18 files changed

Lines changed: 1472 additions & 0 deletions

‎Projects/Super_Burger_Landing_page/.gitignore‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?
25+
/node_modules

‎Projects/Super_Burger_Landing_page/index.html‎

Lines changed: 307 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,307 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Super Burger</title>
8+
<link rel="stylesheet" href="style.css" />
9+
<script defer src="main.js"></script>
10+
<link
11+
rel="shortcut icon"
12+
href="/public/Gerald_G_Fast_Food_Lunch_Dinner_(FF_Menu)_6.png"
13+
type="image/x-icon"
14+
/>
15+
<link rel="stylesheet" href="./responsive.css" />
16+
<link
17+
rel="stylesheet"
18+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
19+
/>
20+
</head>
21+
<body>
22+
<div id="loading-animation">
23+
<img
24+
class="load__icon"
25+
src="./public/540f74001ca90a19263c66165621d597.gif"
26+
alt=""
27+
srcset=""
28+
/>
29+
<div class="context">Loading....</div>
30+
</div>
31+
<div id="animation__body">
32+
<!-- header -->
33+
<header class="header__super__burger">
34+
<nav class="nav__bar">
35+
<div class="container__nav__bar">
36+
<div class="logo">
37+
<img
38+
class="logo__icon"
39+
src="./public/Gerald_G_Fast_Food_Lunch_Dinner_(FF_Menu)_6.png"
40+
alt=""
41+
srcset=""
42+
/>
43+
</div>
44+
<div class="list" id="list__items">
45+
<ul class="list__items">
46+
<li>Meal</li>
47+
<li>Order</li>
48+
<li>Deals</li>
49+
<li>Delivery</li>
50+
</ul>
51+
</div>
52+
</nav>
53+
<div class="icons" >
54+
<div class="open__icons"><img id="openButton" class="open__icon " onclick="change()" src="./public/4301493_burger_fast_fastfood_food_hamburger_icon.svg" alt="" srcset=""></div>
55+
56+
<!-- <div class="close__icon"><img id="closeButton" class="close__icon" onclick="close()" src="./public/7429347_food_delivery_service_take away_restaurant_icon.svg" alt="" srcset=""></div> -->
57+
</div>
58+
</header>
59+
60+
<main>
61+
<section class="upper__section">
62+
<div class="main__container">
63+
<div class="content__image">
64+
<img
65+
class="center__img"
66+
src="./public/Burger_month.png"
67+
alt=""
68+
srcset=""
69+
/>
70+
</div>
71+
<div class="main__content">
72+
CELEBRATE BURGER MONTH <br />
73+
WITH A JUICY BURGER
74+
</div>
75+
<div class="sub__content">
76+
At Super Burger, we believe that a burger is more than just a
77+
meal; it's a work of art.<br />
78+
Our skilled chefs meticulously prepare each burger with passion
79+
and expertise, ensuring every bite is a burst of flavor. <br />
80+
We use only the finest ingredients, locally sourced whenever
81+
possible, to guarantee freshness and quality in every bite.
82+
</div>
83+
<div class="promocode">
84+
<div class="content">PROMO CODE : <b>20BURGERMONTH</b></div>
85+
</div>
86+
</div>
87+
</section>
88+
<section class="middle__section">
89+
<div class="menu__content">
90+
<div class="menu__header">BEST BURGERS OF ALL TIME</div>
91+
<div class="sub__menu__header">
92+
Prepare to be amazed by our diverse menu of burger creations. From
93+
classic favorites like the Classic Cheeseburger and BBQ Bacon
94+
Burger to our unique and innovative creations <br />
95+
like the Avocado Ranch Burger and Spicy Sriracha Burger, there's
96+
something to tantalize every taste bud. We also offer vegetarian
97+
and vegan options, ensuring that everyone can enjoy the Super
98+
Burger experience.
99+
</div>
100+
<div class="menu__card">
101+
<div class="card">
102+
<div class="img1">
103+
<img
104+
class="card__img__1"
105+
src="./public/smokey_bacon_1.png"
106+
alt=""
107+
srcset=""
108+
/>
109+
</div>
110+
<div class="card__content">
111+
<div class="header__card">Smokey Bacon</div>
112+
<div class="price">$ 12.99</div>
113+
<button type="submit" id="buy">Order Now</button>
114+
</div>
115+
</div>
116+
<div class="card">
117+
<div class="img1">
118+
<img
119+
class="card__img__1"
120+
src="./public/ribs.png"
121+
alt=""
122+
srcset=""
123+
/>
124+
</div>
125+
<div class="card__content">
126+
<div class="header__card">Meat Lover</div>
127+
<div class="price">$ 24.99</div>
128+
<button type="submit" id="buy">Order Now</button>
129+
</div>
130+
</div>
131+
<div class="card">
132+
<div class="img1">
133+
<img
134+
class="card__img__1"
135+
src="./public/steak_1.png"
136+
alt=""
137+
srcset=""
138+
/>
139+
</div>
140+
<div class="card__content">
141+
<div class="header__card">Dream Steak</div>
142+
<div class="price">$ 28.99</div>
143+
<button type="submit" id="buy">Order Now</button>
144+
</div>
145+
</div>
146+
147+
<div class="card">
148+
<div class="img1">
149+
<img
150+
class="card__img__1"
151+
src="./public/BBQ_Dish.png"
152+
alt=""
153+
srcset=""
154+
/>
155+
</div>
156+
<div class="card__content">
157+
<div class="header__card">BBQ Dish</div>
158+
<div class="price">$ 40.99</div>
159+
<button type="submit" id="buy">Order Now</button>
160+
</div>
161+
</div>
162+
</div>
163+
<div class="menu__content__02">
164+
<div class="menu__data">
165+
<div class="header__data">
166+
Delicious Is Its First <br />
167+
Name
168+
</div>
169+
<div class="header__data__price">$ 12.99</div>
170+
<div class="sub__header__data">
171+
Don't wait any longer to experience burger bliss. Visit Super
172+
Burger today and embark on a culinary journey that will excite
173+
your taste buds and leave you craving for more. Join us in
174+
celebrating the joy of burgers done right.
175+
</div>
176+
<button type="submit" class="menu__data__button">
177+
Order Now
178+
</button>
179+
</div>
180+
<div class="menu__img">
181+
<img
182+
class="menu__img__size"
183+
src="./public/smoke_burger.png"
184+
alt=""
185+
srcset=""
186+
/>
187+
</div>
188+
</div>
189+
<div class="menu__content__03">
190+
<div class="menu__data">
191+
<div class="header__data">A Slice For Everyone</div>
192+
<div class="header__data__price">$ 19.50</div>
193+
<div class="sub__header__data">
194+
Satisfy your cravings and experience burger perfection like
195+
never before at Super Burger. We are dedicated to delivering
196+
an exceptional dining experience that will leave you craving
197+
more. From our mouthwatering patties to our fresh and
198+
flavorful toppings, we take pride in serving the best burgers
199+
in town.
200+
</div>
201+
<button type="submit" class="menu__data__button">
202+
Order Now
203+
</button>
204+
</div>
205+
<div class="menu__img">
206+
<img
207+
class="menu__img__size"
208+
src="./public/fresh_pizza.png"
209+
alt=""
210+
srcset=""
211+
/>
212+
</div>
213+
</div>
214+
</div>
215+
</section>
216+
217+
<section class="lower__main">
218+
<div class="lower__main__section">
219+
<div class="lower__header__data">
220+
Let's Bring Our Friends Together With A Bite
221+
</div>
222+
<div class="sub__lower__header__data">
223+
Step into our welcoming and vibrant atmosphere, where friendly
224+
staff awaits to provide you with top-notch service. <br />
225+
Whether you're dining in with friends and family or grabbing a
226+
quick bite on the go, we strive to make every visit memorable.
227+
<br />
228+
Our commitment to exceptional food and service is what sets us
229+
apart.
230+
</div>
231+
<button type="submit" class="button__lower">Order Now</button>
232+
<div class="lower_img">
233+
<img class="lower__brown__burger" src="./public/Burger_effect_1.png" alt="" />
234+
</div>
235+
</div>
236+
</section>
237+
<footer>
238+
<div class="footer__data">
239+
<div class="company__data">
240+
<div class="header__data__company">Company Name</div>
241+
<div class="body__data">
242+
where we are dedicated to revolutionizing Super Burger and
243+
delivering exceptional Super Burger to our valued customers.
244+
With a passion for innovation and a commitment to excellence, we
245+
are your trusted partner in Super Burger.
246+
</div>
247+
<div class="icon">
248+
<a
249+
href="https://www.facebook.com/your-page-url"
250+
target="_blank"
251+
>
252+
<i class="fab fa-facebook"></i>
253+
</a>
254+
255+
<a href="https://www.twitter.com/your-page-url" target="_blank">
256+
<i class="fab fa-twitter"></i>
257+
</a>
258+
259+
<a
260+
href="https://www.instagram.com/your-page-url"
261+
target="_blank"
262+
>
263+
<i class="fab fa-instagram"></i>
264+
</a>
265+
</div>
266+
</div>
267+
<div class="contact__info">
268+
<div class="header__data__contact">Contact Info</div>
269+
<div class="body__data">
270+
UK (+23) 456 7890 <br />
271+
US (+22) 456 7891 <br />
272+
Order@company.com <br />
273+
Order@company.com <br />
274+
</div>
275+
</div>
276+
<div class="links">
277+
<div class="header__data__contact">Links</div>
278+
<div class="body__data">
279+
Delivery <br />
280+
281+
Special Offers <br />
282+
283+
Menu <br />
284+
</div>
285+
</div>
286+
<div class="new__letter">
287+
<div class="header__data__contact__news">NewsLetter</div>
288+
<div class="form__newsletter">
289+
<form action="./">
290+
<label for="email" class="label">Email</label><br />
291+
<input
292+
type="text"
293+
class="input"
294+
name="email"
295+
placeholder="name@company.com"
296+
/>
297+
<br />
298+
<button type="submit" class="signin__button">Sign In</button>
299+
</form>
300+
</div>
301+
</div>
302+
</div>
303+
</footer>
304+
</main>
305+
</div>
306+
</body>
307+
</html>

‎Projects/Super_Burger_Landing_page/main.js‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
// Display the loading animation
2+
document.getElementById('loading-animation').style.display = 'block';
3+
4+
// Hide the loading animation after a delay
5+
document.addEventListener('DOMContentLoaded', function() {
6+
// Task completed
7+
8+
document.getElementById("animation__body").style.display="none"
9+
setTimeout(function() {
10+
document.getElementById('loading-animation').style.display = 'none';
11+
document.getElementById("animation__body").style.display="block";
12+
}, 4000); // Adjust the delay time (in milliseconds) as needed
13+
});
14+
15+
16+
const list=document.getElementById("list__items")
17+
const openButton=document.getElementById("openButton")
18+
const closeButton=document.getElementById("closeButton")
19+
20+
21+
// openButton.addEventListener("click",change())
22+
23+
function change(){
24+
list.classList.toggle("active")
25+
26+
// openButton.classList.toggle("active_open__icon")
27+
// closeButton.classList.toggle("active_close__icon")
28+
}
29+
function close(){
30+
31+
}
32+
33+
// openButton.addEventListener("click", function click(){
34+
// // list.classList.toggle="active"
35+
// // openButton.classList.toggle="active"
36+
// // closeButton.classList.toggle="active"
37+
// // console.log("clicked")
38+
39+
40+
// })

0 commit comments

Comments
 (0)