"layout food"
Bootstrap 3.0.0 Snippet by evarevirus

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
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<header>
<section class="navbar">
<div class="wrapper dropdown">
<div class="brand">
<a href=""><img src="https://bytebucket.org/consatanos/pen-picture/raw/3c0be7f1f1ea380d9165eb09d5c0f1ec921448f2/f-r/img/logo.png" alt="logo"></a>
<button onclick="toggle_visibility('menu_toggle')" id="menu_button">Menu</button>
</div>
<nav>
<a href="">Home</a>
<a href="">Menu</a>
<a href="">Pages</a>
<a href="">Delivery</a>
<a href="">News</a>
<a href="">Features</a>
<a href="">Table Booking</a>
</nav>
<nav id="menu_toggle">
<a href="">Home</a>
<a href="">Menu</a>
<a href="">Pages</a>
<a href="">Delivery</a>
<a href="">News</a>
<a href="">Features</a>
<a href="">Table Booking</a>
</nav>
</div>
</section>
<div class="wrapper">
<section>
<h1>Foody Love</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi.</p>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
img,
legend {
border: 0
}
legend,
td,
th {
padding: 0
}
.fa-ul>li,
sub,
sup {
position: relative
}
.about,
.menu,
.mobile,
.recipes,
footer,
header {
background-size: cover
}
.mobile .wrapper section,
.recipes .wrapper section div,
footer .wrapper>section div,
header>.wrapper section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
function toggle_visibility(id){
var e = document.getElementById(id);
if(e.style.display == 'flex')
e.style.display = 'none';
else
e.style.display = 'flex';
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: