-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
181 lines (178 loc) · 9.9 KB
/
about.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
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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kaliba Japanese Ramen, Sushi & Grill</title>
<link rel="icon" href="seahorse png.png">
<!--font awesome cdn link-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"/>
<!--css link for mainpage-->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<a href="#" class="logo"><img class="restaurant-logo" src="seahorse png.png">Kaiba <label id="restaurant-logo2">Japanese Ramen, Sushi & Grill</label></a>
<nav class="navbar">
<a href="index.html">Home</a>
<a href="menupage.html">Menu</a>
<a href="communitypage.html">Community</a>
<a href="contact.html">Contact</a>
<a class="active" href="about.html">About</a>
</nav>
<div class="icons">
<i class="fas fa-bars" id="menu-bars"></i>
<i class="fas fa-search" id="search-icon"></i>
<a href="#" class="fas fa-heart"></a>
<a href="#" class="fas fa-shopping-cart"></a>
</div>
</header>
<form action="" id="search-form">
<input type="search" placeholder="Search Here..." name="" id="search-box">
<label for="search-box" class="fas fa-search"></label>
<i class="fas fa-times" id="close"></i>
</form>
<section class="about" id="about">
<h3 class="sub-heading">About Us</h3>
<div class="about-new">
<img src="2M7A1433.jpg">
<div class="aboutus-content">
<h3>Our Story <i class="fas fa-book-open"></i></h3>
<p>After working at a popular sushi-chain for over 10 years, Mr. Kim and a partner of his decided to open up their own sushi restaurant with their own vision using previous experience. In 2016, he opened up the first location in Monterey Park with great success. Within a year, he opened up the second location in Anaheim. In the middle of 2018, the third location in Pasadena was up and running, and all three restaurants have become a popular go-to sushi place in their community.
</p>
</div>
</div>
<div class="about-new">
<div class="aboutus-content">
<h3>Why Choose Us? <i class="fas fa-money-bill-alt"></i></h3>
<p>Here at Kaiba our mission is to make Asian cuisine more accessible to the masses and introduce the elegance of Japanese culture through food. This means that the portions are bigger, and the prices are cheaper than the competitors. In addition, we have programs and discounts for college students in the LA county area to provide them with cheap and delicious food. </p>
</div>
<img src="2M7A1449.jpg">
</div>
<div class="about-heading">
<h3 class="heading">Locations</h3>
</div>
<div class="about-wrapper">
<div class="about-container">
<p class="contact-info">Monterey Park</p>
<p class="contact-info">816 S Atlantic Blvd</p>
<p class="contact-info">(626) 656-6222</p>
<div class="locations">
<img src="monterey.jpg">
</div>
</div>
<div class="about-container">
<p class="contact-info">Pasadena</p>
<p class="contact-info">1713 E Colorado Blvd</p>
<p class="contact-info">(626) 683-3309</p>
<div class="locations">
<img src="pasadena.jpg">
</div>
</div>
<div class="about-container">
<p class="contact-info">Anaheim</p>
<p class="contact-info">820 N Euclid St</p>
<p class="contact-info">(714) 635-5678</p>
<div class="locations">
<img src="anaheim.jpg">
</div>
</div>
</div>
<div class="copyright-container">
<h3 class="heading">Copyright</h3>
<p class="copyright-title">This Website is Made With <a href="https://code.visualstudio.com/license?lang=en" target="_blank">VSCode</a></p>
<p class="copyright-subtitle">Languages Used: </p>
<p class="contact-info">HTML, CSS, and Javascript</p>
<p class="copyright-subtitle">Other Tools/APIs Used: </p>
<p class="contact-info">Swiper.js (Slide Animation): <a href="https://swiperjs.com/" target="_blank">Link (Open Source and MIT Licensed)</a></p>
<p class="contact-info">Mailchimp (jQuery): <a href="https://mailchimp.com/legal/" target="_blank">Link</a></p>
<p class="contact-info">FormSubmit (Form Backend): <a href="https://formsubmit.co/" target="_blank">Link (Made by Devro LABS)</a></p>
<p class="contact-info">Interaction Observer: <a href="https://w3c.github.io/IntersectionObserver/#intersection-observer-interface" target="_blank">Link</a></p>
<p class="contact-info">Live Server (VSCode Extension): <a href="https://ritwickdey.gallerycdn.vsassets.io/extensions/ritwickdey/liveserver/5.7.9/1661914858952/Microsoft.VisualStudio.Services.Content.License" target="_blank">License</a></p>
<p class="contact-info">Profile Picture Image for Reviews (Personal/Non-Commercial Use License): <a href="https://www.kindpng.com/imgv/hxibTwh_default-profile-hd-png-download/" target="_blank">Link</a></p>
<p class="contact-info">FontAwesome Icons (Free Version): <a href="https://fontawesome.com/search?m=free&o=r" target="_blank">Link</a> </p>
<p class="contact-info">All Digital Media Used Are Owned By Kaiba Inc. Permission Was Granted For Use.</p>
<p class="contact-info">Disclaimer: This Website Is Used For FBLA Website Design Only And Should Not Be Implemented For Commercial Use.</p>
</div>
<div class="creator-title">
<h3 class="heading">Meet the Creators!</h3>
</div>
<div class="creator-container">
<div class="card">
<div class="imgBox">
<img src="yan.jpg">
<img src="yan.jpg">
</div>
<div class="details">
<div class="card-content">
<h2>Yan Bao<br><span>Frontend Developer/Timekeeper</span></h2>
<div class="card-desc">
<p>Yan was in charge of assisting with the frontend aspect of this website and keeping the team on track.</p>
</div>
</div>
</div>
</div>
<div class="card2">
<div class="imgBox">
<img src="zhen.jpg">
<img src="zhen.jpg">
</div>
<div class="details">
<div class="card-content">
<h2>Zhen Liu<br><span>Frontend/Backend Developer</span></h2>
<div class="card-desc">
<p>Zhen was in charge of directing the programming aspect of UI and individual functions of the website.</p>
</div>
</div>
</div>
</div>
<div class="card3">
<div class="imgBox">
<img src="ryan.jpg">
<img src="ryan.jpg">
</div>
<div class="details">
<div class="card-content">
<h2>Ryan Kim<br><span>Digital Resource Manager</span></h2>
<div class="card-desc">
<p>Ryan was in charge of creating all digital media used within the website for the restaurant.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="footer">
<div class="box-container">
<div class="box">
<h3>Locations:</h3>
<a href="about.html">Anaheim</a>
<a href="about.html">Monterey</a>
<a href="about.html">Pasadena</a>
</div>
<div class="box">
<h3>Community</h3>
<a href="communitypage.html">Fundraising</a>
<a href="communitypage.html">Catering</a>
<a href="contact.html">Contact Us</a>
<a href="about.html">About Us</a>
</div>
<div class="box">
<h3>Find Us On:</h3>
<a href="https://www.doordash.com/store/kaiba-japanese-restaurant-anaheim-587415/?event_type=autocomplete&pickup=false" target="_blank">Doordash</a>
<a href="https://www.grubhub.com/restaurant/kaiba-japanese-restaurant---anaheim-820-n-euclid-st-anaheim/1240792" target="_blank">Grubhub</a>
<a href="https://www.ubereats.com/store/kaiba-japanese-ramen-sushi-%26-grill-n-euclid-st/gx0yNVCMSpKTB260HpqrHg" target="_blank">Uber Eats</a>
<a href="https://www.yelp.com/biz/kaiba-japanese-ramen-sushi-and-grill-anaheim-2" target="_blank">Yelp</a>
</div>
</div>
<div class="copyright">
© 2023 <span>Kaiba Japanese Ramen, Sushi, & Grill. All Rights Reserved. </span>
</div>
</section>
<div class="loader-container">
<img src="loader.gif" alt="">
</div>
<script src="script3.js"></script>
</body>
</html>