/
index.html
127 lines (119 loc) · 6.96 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Nenas Website </title>
<link rel="stylesheet" type="text/css" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="styles/main.css">
<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed dropdown-hover" data-toggle="collapse" data-toggle="dropdown" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<i class="fa fa-chevron-down" aria-hidden="true"></i>
<!-- <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 navbar-center" href="#"> <img src="images/nenas_logo_crop.png"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<span class="nav-hamburger"><a href="#hola"> HOLA </a></span>
<span class="nav-hamburger"><a href="#howto"> ENJOY </a></span>
<span class="nav-hamburger"><a href="#findus"> FIND US </a></span>
<span class="nav-hamburger"><a href="#contact"> CONTACT </a></span>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
<div class="main">
<div class="logo">
<img src="images/nenaslogo04clear.png" class="img-responsive" alt="Responsive image">
</div>
<h1 class="nav-text"> <strong> Traditional Venezuelan Buns </strong> </h1>
<h3 class="sub-nav-text"> MADE BY HAND IN AUSTIN, TEXAS. </h3>
</div>
<a name="hola"></a>
<section class="hola-text"> <h1> <strong> Hola! </strong> </h1> Nenas Arepa Kitchen is here to bring you fresh arepas in the comfort of your home!<strong> Arepas (aˈɾepas) </strong> are Venezuelan street food made from a very unique type of corn flour that is hand shaped and griddled until a crispy golden hued bun is formed with a soft doughy masa interior. They're then stuffed with a variety of yummy things. Arepas are labor intensive, but we love arepas so much, we thought why not share it with everyone? We took the fuss out so you can enjoy them in your home!
<!-- It’s not rare in Venezuela to see eight or more Arepa vendors lined up on a street, each trying to make sure that you know that theirs is the best. The truth of the matter is that when an Arepa is made well, it’s what’s inside that makes it special! -->
</section>
<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>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/bags.jpg" alt="...">
<div class="carousel-caption"></div>
</div>
<div class="item">
<img src="images/lox.jpg" alt="...">
<div class="carousel-caption"></div>
</div>
<div class="item">
<img src="images/traditional.jpg" alt="...">
<div class="carousel-caption"></div>
</div>
<div class="item">
<img src="images/hamburger.jpg" alt="...">
<div class="carousel-caption"></div>
</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>
<a name="howto"></a>
<section class="howto-text">
<h1> <strong> Enjoy! </strong></h1> Arepas are delicious, and so versatile. Sometimes we have them with peanut butter and bananas for breakfast, other times a fried egg. Whenever we need a quick lunch we throw in some roasted veggies and avocado or chicken salad! We'll even throw in a burger patty and pair it with sweet potatoes fries for a delicious dinner! Just follow the directions on the package and get ready for endless filling possibilites! What will you put in yours? Follow us on Instagram and start tagging! <a href="https://www.instagram.com/explore/tags/showmeyourarepa" target="_blank"><strong> <font color="black"> #showmeyourarepa </font> </strong></a>
</section>
<a name="findus"></a>
<div class="hands">
<section class="findus-text">
<h1> <strong> Find us in the Frozen Section! </strong></h1>
<div> <a href="https://www.google.com/maps/place/Dia's+Market/@30.3374048,-97.7225803,17z/data=!3m1!4b1!4m5!3m4!1s0x8644ca49d3346bb7:0x700838283bb511aa!8m2!3d30.3374002!4d-97.7203863812"> <strong> DIA'S MARKET </strong> </a> <br> 812 Justin Ln. <br> Austin, TX 78757 </div>
<div> <a href="https://www.google.com/maps/place/Royal+Blue+Grocery/@30.2628357,-97.7459187,15z/data=!4m8!1m2!2m1!1sroyal+blue+grocery!3m4!1s0x8644b50ef004bda3:0x869b08106c06d58b!8m2!3d30.267676!4d-97.749377"> <strong> ROYAL BLUE GROCERY </strong> </a> <br> 360 Nueces St. <br> Austin, TX 78701</div>
</section>
</div>
<div class="footer-top">
</div>
<footer>
<a name="contact"></a>
<section class="reachus-text">
<a href="https://www.facebook.com/nenasarepakitchen/" target="_blank">
<i class="fa fa-facebook-official fa-3x" aria-hidden="true"></i>
</a>
<a href="https://www.instagram.com/nenas_arepakitchen/" target="_blank">
<i class="fa fa-instagram fa-3x" aria-hidden="true"> </i>
</a>
<a href="mailto:info@nenasarepakitchen.com">
<p> info@nenasarepakitchen.com <br/> </a> <br/> AUSTIN, TEXAS. </p>
</section>
</footer>
<script src="https://use.fontawesome.com/2201521748.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="node_modules/bootstrap/js/carousel.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script type="text/javascript" src="main
.js"></script>
</body>
</html>