-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
140 lines (133 loc) · 6.1 KB
/
Copy pathabout.html
File metadata and controls
140 lines (133 loc) · 6.1 KB
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!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">
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/ea57a11c1b.js" crossorigin="anonymous"></script>
<!-- Google Fonts and CSS links -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=PT+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../CSS Files/about.css" type="text/css">
<link rel="stylesheet" href="../CSS Files/navbar.css" type="text/css">
<title>About Us | ERamen</title>
</head>
<body>
<!-- Navbar -->
<div class="navbar" id="nav">
<div class="navbarContainer">
<div class="navLogo" id="navbarLogo">
<button onclick="location.href='./index.html'">
<img class="logo" src="../asset/Nav Logo.png" alt="logo">
</button>
</div>
<!-- hamburger logo -->
<div class="hamburgMenu" id="mobileMenu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="navbarMenu">
<li class="navbarItem">
<a href="./index.html" class="navbarLinks">Home</a>
</li>
<li class="navbarItem">
<a href="./products.html" class="navbarLinks">Products</a>
</li>
<li class="navbarItem">
<a href="./promotions.html" class="navbarLinks">Promotions</a>
</li>
<li class="navbarItem">
<a href="./about.html" class="navbarLinks selectedPage">About Us</a>
</li>
<li class="navbarItem">
<a href="./contact.html" class="navbarLinks">Contact Us</a>
</li>
</ul>
</div>
</div>
<div class="section white">
<div class="container">
<h1 class="aboutUs">About Us</h1>
<img class="logoHeader" src="../asset/Logo ERamen.png" alt="logo">
<h2 class="slogan">A Taste of Tradition and Quality</h2>
</div>
</div>
<div class="section red">
<div class="container">
<h2 class="history">History</h2>
<p class="details history">
At ERamen, we take pride in being one of the oldest ramen shops in the world, with a rich heritage that dates back to 1910 in Japan. Our commitment to delivering authentic and delectable ramen led us to bring our renowned flavors to Indonesia in 2015. Since then, we have become a beloved destination for ramen enthusiasts across the country.
</p>
<hr class="hrline">
<p class="details history">
At ERamen, we craft each bowl of ramen with love and precision. Our noodles, made from organic flour, are transformed into delicious strands that captivate the senses. With an array of mouthwatering flavors and an unwavering commitment to authenticity, we offer an unforgettable taste of Japan's culinary heritage.
</p>
</div>
</div>
<div class="section white">
<div class="container">
<h2 class="vision">Vision</h2>
<p class="details">
Our vision at ERamen is to be the ultimate destination for ramen lovers, a place where tradition and quality intersect. We strive to create a warm and inviting atmosphere, where customers can savor every bite, immerse themselves in the rich flavors, and enjoy an authentic taste of Japan's culinary heritage.
</p>
<h2 class="mission">Mission</h2>
<p class="details">
At ERamen, our mission is to consistently deliver exceptional ramen using the finest ingredients, maintaining the highest standards of preparation, and continuously improving our offerings to exceed our customers' expectations.
</p>
<p class="thankyou">Thank you for choosing ERamen.</p>
</div>
</div>
<!-- Footer -->
<footer>
<section class="footerContainer">
<div class="columns">
<img class="footerLogo" src="../asset/Footer Logo.png" alt="logo">
</div>
<div class="columns">
<div class="footerCategory">Our Company</div>
<div class="footerDetails">
<li><a href="./about.html">About Us</a></li>
<li><a href="./contact.html">Contact Us</a></li>
<li><a href="#nav">Sitemap</a></li>
<li><a href="#">Privacy & Policy</a></li>
</div>
</div>
<div class="columns">
<div class="footerCategory">Products</div>
<div class="footerDetails">
<li><a href="#">Ramen</a></li>
<li><a href="#">Dry Ramen / Soba</a></li>
<li><a href="#">Tempura</a></li>
<li><a href="#">Appetizers</a></li>
</div>
</div>
<div class="columns">
<div class="footerCategory">Visit Us</div>
<div class="visitUs">
<div class="location">
<i class="fa-solid fa-location-dot fa-lg" style="color: #ffffff;"></i>
<span>Little Tokyo, Jakarta 12160, Indonesia</span>
</div>
<div class="location">
<i class="fa-solid fa-location-dot fa-lg" style="color: #ffffff;"></i>
<span>Fukuoka, Fukuoka Prefecture, Japan</span>
</div>
</div>
<div class="footerCategory">Follow Us</div>
<div class="socials">
<i class="fa-brands fa-facebook fa-lg" style="color: #ffffff;"></i>
<i class="fa-brands fa-instagram fa-lg" style="color: #ffffff;"></i>
<i class="fa-brands fa-twitter fa-lg" style="color: #ffffff;"></i>
<i class="fa-brands fa-youtube fa-lg" style="color: #ffffff;"></i>
</div>
</div>
</section>
<p class="copyright">© 2023 ERamen. All rights reserved.</p>
</footer>
<script src="../JS Files/navscript.js"></script>
</body>
</html>