-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
172 lines (160 loc) · 6.59 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">
<head>
<title>Template2-Project</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,800|Roboto:400,500,700" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU"
crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<div class="container">
<div>
<a class="logo" href="index.html"><img src="img/logo.png" alt="logo"></a>
<a href="#">Overview</a>
<a href="#">Pages</a>
<a href="#">Demos</a>
<a href="#">Components</a>
</div>
<div>
<a href="#">Docs</a>
<a class="nav-btn" href="#">Purchase now</a>
</div>
</div>
</nav>
<section class="main">
<div class="cover"></div>
<div class="container">
<img src="img/logo1.png" alt="logo">
<h1>Boomerang</h1>
<h2>Multipurpose Bootstrap Theme</h2>
<p>Boomerang is an innovative HTML template solution based on Bootstrap 4
built with modular components that makes it reusable and easy to work on.</p>
<a class="btn-round" href="#">Start Exploring</a>
</div>
</section>
<section class="theme">
<div class="container">
<div>
<p>theme styles</p>
<h2>You can now choose the theme's style:light or dark.By changing a single line of code you get and
entirely new website.</h2>
<a href="#">See the Docs</a>
</div>
<div class="card-image">
<div class="card"><img src="img/card1.jpg" alt="card-image"></div>
<div class="card"><img src="img/card2.jpg" alt="card-image"></div>
</div>
</div>
</section>
<section class="layouts">
<div class="container">
<h2>Over 200 ready to use layouts</h2>
<p>Everything you need in one package.Blog,portfolio,e-commerce,real estate<br> and plenty of secondary
pages that
are responsive and optimized based on<br> user experience.</p>
<div class="box-cards">
<div class="box">
<i class="fas fa-home"></i>
<h3>Homepages</h3>
<p>Build anything from classic,minimalist to modern page designs.</p>
<a href="#">see pages</a>
</div>
<div class="box">
<i class="fas fa-cart-plus"></i>
<h3>Inner Pages</h3>
<p>Page example for about,services,contact and much more.</p>
<a href="#">see pages</a>
</div>
<div class="box">
<i class="fas fa-book"></i>
<h3>Profile Pages</h3>
<p>Need layouts for account and profile pages?We got you covered.</p>
<a href="#">see pages</a>
</div>
<div class="box">
<i class="fas fa-images"></i>
<h3>Blog Pages</h3>
<p>Various blog page examples for any type of content.</p>
<a href="#">see pages</a>
</div>
<div class="box">
<i class="fas fa-hotel"></i>
<h3>Shop Pages</h3>
<p>Four shop layouts with homepage and inner page examples.</p>
<a href="#">see pages</a>
</div>
<div class="box">
<i class="far fa-window-restore"></i>
<h3>Real Estate Pages</h3>
<p>A few examples for listing real estate properties and not only.</p>
<a href="#">see pages</a>
</div>
</div>
</div>
</section>
<section class="demos">
<div class="container">
<h3>Startup demos for all</h3>
<p>Create your website using one of the demos below.Our demo's components are modular<br> and
interchangable,meaning you can take an element or a page from one demo and use it<br> another without
any
additional setup.</p>
<div class="boxes-cards">
<div class="boxes"><img src="img/boxes1.jpg" alt="box">
<div class="text-demos">
<a href="#">Startup Agency</a>
</div>
</div>
<div class="boxes"><img src="img/boxes2.jpg" alt="box">
<div class="text-demos">
<a href="#">Startup App</a>
</div>
</div>
<div class="boxes"><img src="img/boxes3.jpg" alt="box">
<div class="text-demos">
<a href="#">Startup Analitycs</a>
</div>
</div>
<div class="boxes"><img src="img/boxes4.jpg" alt="box">
<div class="text-demos">
<a href="#">Startup Classic</a>
</div>
</div>
</div>
</div>
</section>
<section class="documents">
<div class="cover"></div>
<div class="container">
<h2>Documentation and Shortcodes</h2>
<p>Get started fast and easy with Boomerang using the documentation and shortcode examples.No matter you
are a
developer or new to web design,you will find our theme very easy to customize with an intuitive HTML
markup.</p>
<a href="#">Open The Docs</a>
</div>
</section>
<footer>
<div class="container">
<p>© 2018 Webpixels</p>
<div>
<a href="#">official website</a>
<a href="#">instagram</a>
<a href="#">facebook</a>
<a href="#">license</a>
<a href="#">buy now</a>
</div>
<div>
<i class="fab fa-facebook-f"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-twitter"></i>
</div>
</div>
</footer>
</body>
</html>