-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (140 loc) · 6.87 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700|Roboto:400,500,700" rel="stylesheet">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Wise Books Homepage</title>
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/alfa-slab-one:n4:default.js" type="text/javascript"></script>
</head>
<body style="padding-top: 70px">
<div class="container-fluid jardins-paloma">
<div class="container">
<div class="row">
<div class="col-lg-12">
<p>
<h1 class="roboto-serif"> WELCOME TO WISE BOOKS</h1>
</p>
<p class="text-fstpara">Wise Books is a café bookstore located in Amsterdam Oost, locally famous for its second-hand books, delicious coffees and cakes, kombucha and matcha cocktails, internet access and a media archive with the history of Amsterdam. </p>
</div>
</div>
</div>
<div class="container"> </div>
</div>
<div class="container-fluid jardins-palome-huwer">
<div class="container">
<div class="row">
<div class="col-lg-4"><img src="Images/cafe-bar2.jpg" alt="café view" width="403" height="319" class="img-responsive hidden-xs"/></div>
<div class="col-lg-4"> </div>
<div class="col-lg-6 col-lg-offset-1">
<h2 class="roboto-serif2">WHO WE ARE</h2>
<p>The café opened to the public in 1998, when Willhem van den Rooij and Anne de Boer re-appropriated Anna's deceased father's bookshop. Over the years, the café expanded into a multi-function space with an interest in making a community and fortifying its sense of history. </p>
<p>It now functions as a café integrated within a bookstore, and we have our own rental system (check out our <a>app</a>!), and an extensive media archive with films, press clippings and other documents available digitally. Come visit us, and meet our cat, Czaar! The space has its very own atmosphere, and even if you don't like history, our coffees and cakes will make your visit unforgettable!</p>
<p> </p>
</div>
</div>
</div>
</div>
<div class="container-fluid jardins-paloma-services">
<div class="container">
<p class="roboto-serif2">OUR SERVICES</p>
<p> </p>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-3 col-md-3">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12"><a href="#"><img src="Images/icon-1-wifi.png" alt="web café" width="157" height="153" class="img-responsive center-block"/></a></div>
<div class="col-lg-12">
<p class="text-center text-icons">WIFI</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12"><a href="#"><img src="Images/icon-2-app.png" alt="app development" width="157" height="153" class="img-responsive center-block"/></a></div>
<div class="col-lg-12 col-md-12 col-sm-12">
<p class="text-center text-icons">WISE BOOKS APP</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12"><a href="gallery.html"><img src="Images/icon-3-photo.png" alt="gallery" width="157" height="154" class="img-responsive center-block"/></a></div>
<div class="col-lg-12">
<p class="text-center text-icons">GALLERY</p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="row">
<div class="col-lg-12 col-md-3 col-sm-12"><a href="#"><img src="Images/icon-4-video.png" alt="media archive" width="157" height="153" class="center-block img-responsive"/></a></div>
<div class="col-lg-12">
<p class="text-center text-icons">MEDIA ARCHIVE</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid jardins-paloma-contact">
<div class="container-fluid">
<div class="row">
<div class="col-lg-3"></div>
<div class="col-lg-3"></div>
<div class="col-lg-3"></div>
<div class="col-lg-3"></div>
</div>
</div>
</div>
<div class="container-fluid jardins-paloma-footer">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<p class="text-footer">Copyright © WSBKS 2018</p>
</div>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.js"></script>
<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"><a href="index.html"><img src="Images/lotus-book.png" width="80" height="59" id="WiseBooks"></a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1" 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>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="topFixedNavbar1">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html">Gallery
</a></li>
<li><a href="media.html">Media Archive</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="row">
<div class="col-md-1 navbar-brand">
<p class="text-wb">WB</p>
</div>
</div>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a7dddd924c6a871"></script>
</body>
</html>