-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
164 lines (140 loc) · 7.82 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Antonio's | Italian Cuisine</title>
<link href="main.css" type="text/css" rel="stylesheet">
<!-- GOOGLE FONTS -->
<link href="https://fonts.googleapis.com/css?family=Cormorant+Unicase:400, 600" rel="stylesheet">
<!-- FONT AWESOME -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<!-- BOOTSTRAP -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<section id="topnavbar">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a><i class="fas fa-phone fa-lg"></i> 1 (234) 567-8912<span class="sr-only">(current)</span></a></li>
<li><a href="/contact.html"><i class="fas fa-envelope fa-lg"></i> Contact@AntoniosItalian.com</a></li>
<li><a href="https://www.facebook.com"><i class="fab fa-facebook-square fa-lg"></i> AntoniosItalian</a></li>
<li><a href="https://www.instagram.com/"><i class="fab fa-instagram fa-lg"></i> AntoniosItalian</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</section>
<section id="navbar">
<nav class="navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/index.html">Antonio's</a>
</div>
<!-- NAVBAR RIGHT -->
<div class="collapse navbar-collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="/menu.html">Menu</a></li>
<li><a href="/contact.html">Contact</a></li>
<li><a href="/reservation.html">Reservations</a></li>
<li><a href="/about.html">About Antonio's</a></li>
</ul>
</div>
</div><!-- .container -->
</nav>
</section>
<!--
<section id="footer">
<hr class="footer-hr">
<footer>
</footer>
</section>
-->
<section id="about">
<div class="container-fluid about-container">
<div class="row" id="row">
<div class="col-lg-6 col-md-6 about-text">
<h1 class="about-header">About Us</h1>
<p class="about-paragraph">
At Antonio's our biggest advocates are the farmers we work with every week. Without the fresh produce we get shipped in every week, our food wouldn't be ranked top 100 in Boston! We take pride in our locally sourced ingredients. <br> Our head operations chef Marcus is in charge of running the kitchen. Along with tens of other staff members that keep this restaurant running and healthy everyday!
</p>
</div>
<!-- ABOUT TEXT -->
<div class="col-lg-6 col-md-6 about-slide1" id="about-slide1">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- INDICATORS -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- WRAPPER 4 SLIDES -->
<div class="carousel-inner ci1" role="listbox" id="carousel-inner">
<div class="item active" id="slide1">
<img src="img/extra3.jpg" class="carousel-image">
<p>Fresh Herbs.</p>
</div>
<div class="item" id="slide2">
<img src="img/vegetables1.jpg" class="carousel-image">
<p>Fresh Peppers, Garlic, and Cucumbers.</p>
</div>
<div class="item" id="slide3">
<img src="img/staff2.jpg" class="carousel-image">
<p>Head Operations Chef Marcus, chopping onions, and basil.</p>
</div>
</div>
<!-- CONTROLS -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- ABOUT SLIDE -->
</div>
</div>
<!-- ABOUT CONTAINER -->
<div class="testimonials">
<h1 class="testimonial-header">Testimonials</h1>
<h4 class="testimonial-subheader">From Our Customers</h4>
<!-- text transform uppercase
border bottom 1px solid white -->
<div class="all-testimonials" id="all-testimonials">
<div class="testimonial1">
<p>This is one of my favorite restaurants to visit whenever I'm in Boston! The service and food is beyond phenomenal! Antonio's deserves 5 out of 5 stars!</p>
<h4 class="name">Cindy N</h4>
</div>
<div class="testimonial2">
<p>I was a little skeptical trying Antonio's at first, since I am Italian myself. I wasn't sure if they would live up to the name. But Antonio's sure did catch my vote for number 1 italian restaurant in Boston, after I had their famous Caprese Peppers!</p>
<h4 class="name">Rebecca A</h4>
</div>
<div class="testimonial3">
<p>10 out of 10 would recommend. This has become my daughters favorite place to dine at. Now we make it a weekly tradition for the family to get together and all have dinner here. The enviornment is great and the workers are so freindly. I always feel at home here, even if it's miles away.</p>
<h4 class="name">Joe S</h4>
</div>
</div>
</div>
</section>
<!-- ABOUT -->
<section class="scripts">
<!-- JQUERY -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Bootstrap JS -->
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="test.js"></script>
</section>
</body>
</html>