-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
169 lines (163 loc) · 8.5 KB
/
index.php
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ukrwoodservice</title>
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(document).ready(function (){
$("#click").click(function (){
$('html, body').animate({
scrollTop: $("#div1").offset().top
}, 2000);
});
});
</script>
</head>
<body>
<!--header-->
<div class="container main">
<div class="row">
<img class="header-image" src="img/leaves.png" alt="">
<div class="col-md-9 logo">
<div id="div1" class="logo-img"></div>
<div class="name">UKRWOODSERVICE</div>
<div class="desc">pellet - tronchetti - legna da ardere</div>
</div>
<div class="col-md-3" >
<form action="">
<div class="input-group search">
<input type="text" class="form-control" placeholder="cerca" aria-describedby="basic-addon2">
<span class="input-group-addon glyphicon glyphicon-search" id="basic-addon2"></span>
</div>
</form>
</div>
</div>
<!--/header-->
<!--nav-->
<nav class="navbar navbar-default navbar-static-top">
<div class="row">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#">HOME</a></li>
<li><a href="#">PELLET</a></li>
<li><a href="#">TRONCHETTI</a></li>
<li><a href="#">GRUPPI DI ACQUISTO</a></li>
<li><a href="#">CONTATTI</a></li>
</ul>
<ul class="social-network social-circle navbar-right">
<li><a href="#" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" title="YouTube"><i class="fa fa-youtube-square"></i></a></li>
<li><a href="#" title="Google +"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>
</nav>
<!--/nav-->
<!--body-->
<div class="row content">
<div class="col-xs-10 col-xs-offset-1 col-sm-5 col-sm-5-offset-0 col-md-5 col-md-offset-1 ">
<img src="img/left-img.png" class="img-responsive" width="100%" alt="Responsive image">
<h3>Descrizone</h3>
<hr>
<p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sollicitudin quam blandit nisl vulputate commodo. Duis erat ipsum, consectetur sed laoreet non, fermentum vel sem. Aenean suscipit tempus dolor, a tempus leo volutpat sit amet. Aenean in leo odio. Praesent luctus sem blandit, porta justo et, dignissim justo. Vivamus egestas quam quis ex rutrum blandit. Sed commodo ex est, vitae laoreet purus ultrices et.
</p>
<div class="left-info">
<div class="info-submit">
<div alt="submit">acquistare</div>
</div>
</div><br><br>
</div>
<div class="col-xs-10 col-xs-offset-1 col-sm-5 col-sm-offset-0 col-md-5 col-md-offset-0">
<img src="img/right-img.png" class="img-responsive" width="100%" alt="Responsive image">
<h3>Descrizone</h3>
<hr>
<p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sollicitudin quam blandit nisl vulputate commodo. Duis erat ipsum, consectetur sed laoreet non, fermentum vel sem. Aenean suscipit tempus dolor, a tempus leo volutpat sit amet. Aenean in leo odio. Praesent luctus sem blandit, porta justo et, dignissim justo. Vivamus egestas quam quis ex rutrum blandit. Sed commodo ex est, vitae laoreet purus ultrices et.
</p>
<div class="left-info">
<div class="info-submit">
<div alt="submit">acquistare</div>
</div>
</div>
</div>
</div>
<div class="row content">
<div class="col-md-10 col-md-offset-1">
<hr>
<h3>CHI SIAMO</h3>
<p align="justify">Donec nec pulvinar quam. Mauris vulputate sapien sit amet odio feugiat pharetra. Nam vehicula purus est, eu aliquam nisi venenatis nec. Donec tempus mi justo, quis rutrum augue tincidunt et. Duis euismod massa non lacus aliquam, nec elementum augue facilisis. Sed a turpis non justo maximus ultrices id in lectus. Donec convallis massa nulla, ut tincidunt orci interdum vitae. Suspendisse potenti. Donec dignissim placerat libero id lobortis. Integer gravida at turpis a pretium. Fusce nulla ex, pretium vel velit ac, consectetur tempor orci. Vivamus ultricies arcu felis, eget fermentum magna dapibus sed.
</p>
<p align="justify">Proin feugiat purus nec orci faucibus, blandit pharetra felis blandit. Duis facilisis nibh vitae lorem rhoncus varius. Donec dapibus odio eu odio tempor sodales. Nunc non risus consequat, maximus ligula sed, ultrices magna. Mauris dapibus pharetra lacus id ullamcorper. Nullam tincidunt leo sit amet diam sagittis dignissim. Mauris dignissim ex ut sapien molestie aliquam. Morbi feugiat mollis magna at vulputate.
</p>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<hr>
<h3>CONTATTI</h3>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-6 col-md-offset-1 ">
<address>
Via Durini 26, Milano<br>
Telefono/Fax<br>
+39 (0721) 400309<br>
+39 (0721) 400309<br>
</address>
</div>
<div class="col-md-3 col-sm-4 col-xs-3">
<address>
<br><br>
Email<br>
<a href="mailto:#">[email protected]</a>
</address>
</div>
<div class="col-md-5 col-sm-4 col-xs-8">
<address>
<strong>Luana Borchia</strong><br>
Amministrazione <br>
Ufficio: +39 0721 400309 <br>
<a href="mailto:#">[email protected]</a>
</address>
</div>
</div>
<!--/body-->
<!--footer-->
<hr>
<div class="row">
<div class="col-md-9 col-md-offset-1">
<footer>
<p>Copiright © 2014 UKRWOORSERVICE -pellet, tronchetti, legna da ardegre, legname. Tutti i diritti riservati. Bologna, via Cristoforo Colombo 38, P.Iva: 03351311208</p>
</footer>
</div>
<button id="click" class="btn btn-success btn-nav">↑</button>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>