-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
155 lines (145 loc) · 7.41 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
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="ua">
<head>
<meta charset="UTF-8">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/style.css" rel="stylesheet">
<title>ksm website</title>
</head>
<body>
<!-- navigation menu -->
<nav class="menu dino" id="theMenu">
<div class="menu-wrap">
<h1 class="logo"><a href="index.html#home">KSM POWER</a></h1>
<i class="glyphicon glyphicon-resize-horizontal menu-close"></i><!-- glyphicon glyphicon-chevron-left -->
<a href="index.html">Home</a>
<a href="#">lorem</a>
<a href="#">lorem</a>
<a href="#">lorem</a>
<a href="#">lorem</a>
</div>
</nav>
<!-- Menu button -->
<div id="head" class="container">
<div class="row">
<!-- <div class="span1">
<a id="menuToggle" href="#" class="btn btn-lg btn-primary pull-left" style="margin-top:15%; border-color:#428bca"><span class="glyphicon glyphicon-list"></span></a>
</div> -->
<div>
<h1 class="page-header" style="text-align:center">ksm website</h1>
</div>
</div>
</div>
<div id="smallnav" class="container dino">
<div class="row ">
<nav class="navbar navadd" role="navigation">
<div class="container-fluid navsmall">
<ul class="nav nav-pills nav-justified navsmall" stile="margin-top:15px">
<li role="presentation" class="active"><a href="index.html">HOME</a></li>
<li role="presentation"><a href="#">lorem</a></li>
<li role="presentation"><a href="#">lorem</a></li>
<li role="presentation"><a href="#">lorem</a></li>
<li role="presentation"><a href="#">lorem</a></li>
</ul>
</div>
</nav>
</div>
</div>
<!-- corusel -->
<div id="carousel" class="container">
<!-- Carousel - consult the Twitter Bootstrap docs at
http://twitter.github.com/bootstrap/javascript.html#carousel -->
<div class="row">
<!-- <div class="col-md-12"> -->
<div id="carousel-1" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-1" data-slide-to="0" class="active"></li>
<li data-target="#carousel-1" data-slide-to="1"></li>
<li data-target="#carousel-1" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="http://twoheartsbeat.org/wp-content/uploads/slider1.png" alt="1" class="center-block">
<div class="carousel-caption">
<h3>Lorem.</h3>
<p>Lorem ipsum dolor.</p>
</div>
</div>
<div class="item">
<img src="http://twoheartsbeat.org/wp-content/uploads/slider2.png" alt="2" class="center-block">
<div class="carousel-caption">
<h3>2Lorem.</h3>
<p>2Lorem ipsum dolor.</p>
</div>
</div>
<div class="item">
<img src="http://twoheartsbeat.org/wp-content/uploads/slider3.png" alt="3" class="center-block img-responsive">
<div class="carousel-caption">
<h3>3Lorem.</h3>
<p>3Lorem ipsum dolor.</p>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-1" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-1" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<!-- /.carousel -->
<div id="content" class="container">
<!-- left colomn+content -->
<div class="row mt">
<div id="here" class="col-md-3">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, quae! Tempore inventore harum quisquam qui officia maxime hic dolorem natus culpa doloremque cupiditate commodi, ducimus vero ullam. Vitae necessitatibus, quo!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae fugit beatae magni, vitae dolore possimus dolor numquam quos quae, commodi vero iste dicta, omnis ea sapiente. Amet a aut temporibus.</p>
</div>
<div class="col-md-9">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea architecto, rerum ullam magnam corrupti, error porro nihil blanditiis minus nostrum ipsa id aliquid suscipit veritatis velit, nisi in delectus asperiores voluptates nulla fugiat repudiandae harum labore! Dicta repudiandae placeat illum iure nulla, porro ipsum nemo a provident officiis consectetur voluptatum impedit odio quas cupiditate, mollitia rerum, doloribus officia perspiciatis explicabo asperiores autem numquam facere aliquam! Tempora sequi, fuga voluptatum veniam a officia magni placeat optio et laudantium quam sint dicta aliquid earum tenetur vel. Voluptatibus, officiis laudantium. Inventore odio consectetur obcaecati quo iste id cumque quaerat soluta alias reiciendis ex facilis corporis architecto perferendis, facere dolorum sit consequatur repudiandae. Suscipit quos nihil cum in ipsum reiciendis aut maiores beatae veritatis nisi quasi incidunt tempora autem, excepturi recusandae repudiandae, distinctio neque id repellat, repellendus fugit rerum. A, earum ullam eius iure doloremque nemo quidem molestiae ipsa expedita pariatur nulla facere rem officia dolores sapiente voluptates harum. Et reiciendis rerum quia aliquam, explicabo placeat odit voluptas voluptatibus. Voluptates vitae, reprehenderit facere labore fuga iusto facilis! Tenetur accusantium dolores enim odio minus placeat repellat amet perspiciatis eius blanditiis nam quod voluptas doloremque odit inventore similique sed laudantium, aliquid? Aperiam rerum, accusamus debitis quo cupiditate voluptatum eos quasi, culpa architecto nesciunt blanditiis est saepe quae similique veritatis natus perferendis. Sed velit hic magni ab, eius repellat facere, placeat quam sunt quibusdam soluta blanditiis qui omnis reiciendis! Labore necessitatibus ad dolor, dignissimos, nisi praesentium maiores eum, voluptates nemo consectetur numquam quo. Velit quaerat qui illum blanditiis veritatis ut enim porro cupiditate aliquid ratione laborum voluptas tenetur rerum suscipit, officia. Praesentium animi perspiciatis sequi quam rerum maxime suscipit doloribus sunt, officia itaque accusantium a pariatur reiciendis rem, minus commodi aspernatur facere blanditiis quo totam in dolorem saepe illo eligendi. Hic esse nostrum unde quibusdam maiores nemo.
</div>
</div>
</div>
<footer>
<div id="foot" class="container">
<div class="row">
<div class="col-md-3">
<address>
<strong>KSM, KHNU</strong><br>
address<br>
Khmelnitsky<br>
<abbr title="Phone">Phone:</abbr> (123) 456-7890
</address>
</div>
<div class="col-md-3">
<address>
<strong>Our Email</strong><br>
<a href="mailto:#">[email protected]</a>
</address>
</div>
<div class="col-md-4">
<p>© 2014 </p>
</div>
<div class="col-md-2">
<a id="toTop" href="#" class="pull-right" style="color:white">Back to Top</p>
</div>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> -->
<script src="js/main.js"></script>
<script src="js/main2.js"></script>
<!-- <script src="js1/masonry.pkgd.min.js"></script> -->
<!-- <script src="js1/imagesloaded.js"></script> -->
<!-- <script src="js1/classie.js"></script> -->
<!-- <script src="js1/AnimOnScroll.js"></script> -->
</body>
</html>