-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (139 loc) · 6.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Konrad Jakubowski Portfolio Webpage</title>
<meta content="Welcome to my another website created using HTML, Bootstrap and SASS/SCSS preprocesor" name="description">
<meta content="website bootstrap framework library html css javascript js scripts logo navbar carousel sections sass scss" name="keywords">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no" name="viewport">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header class="hero">
<div class="container">
<div class="row">
<ul class="nav">
<li class="col-lg-2 col-lg-offset-1">
<a href="#" target="_blank">HOME</a>
</li>
<li class="col-lg-2">
<a href="#" target="_blank">PHOTOAPP</a>
</li>
<li class="col-lg-2"><img alt="camera" src="https://image.ibb.co/fC9cmw/photo.png"></li>
<li class="col-lg-2">
<a href="#" target="_blank">DESIGN</a>
</li>
<li class="col-lg-2">
<a href="#" target="_blank">DOWNLOAD</a>
</li>
</ul>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="hero-center col-lg-12 col-m-12 col-sm-12">
<h1>YOUR LIFE, A PHOTO</h1>
<h4>print your life in a simple photo</h4><button class="btn btn-info">GET STARTED</button>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-m-12 col-sm-12">
<i aria-hidden="true" class="fa fa-twitter"></i> <i aria-hidden="true" class="fa fa-archive"></i> <i aria-hidden="true" class="fa fa-globe"></i>
</div>
</div>
</div>
</header>
<section class="intro">
<div class="container-fluid">
<div class="row">
<div class="intro-inside col-lg-4 col-lg-offset-1 col-m-12 col-sm-12">
<h4>REPRESENT YOUR LIFE WITH A SIMPLE PHOTO</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti explicabo, aut delectus repellat, eius modi dolore, fugiat sint totam corrupti omnis ipsam <strong>veritatis beatae neque</strong>. Dolorem facere illo neque explicabo. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti explicabo, aut delectus repellat, eius modi dolore. </p>
<button class="btn btn-info">GET STARTED</button>
</div>
</div>
</div>
</section>
<section class="design">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-lg-offset-1 col-m-6">
<img src="https://image.ibb.co/cEW4Yb/smartphone_2.png" alt="smartphone">
</div>
<div class="design-inside col-lg-4 col-lg-offset-1 col-m-6">
<h4>DESIGN</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio omnis, odio vero quaerat soluta labore aspernatur. Cupiditate, nisi dolor odit hic eveniet. Minima beatae, necessitatibus, mollitia assumenda adipisci nulla excepturi.</p>
<button class="btn btn-info">LEARN MORE</button>
</div>
</div>
</div>
</section>
<section class="community">
<div class="container-fluid">
<div class="row">
<div class="comm-inside col-lg-3 col-lg-offset-1 text-center col-m-12 col-sm-12">
<img src="https://image.ibb.co/n3VgDb/logo_mini.png" alt="logo-mini">
<h4>OUR COMMUNITY</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio omnis, odio vero quaerat.</p>
</div>
<div class="col-lg-3 col-lg-offset-1 col-m-12 col-sm-12">
<img alt="bus" src="https://image.ibb.co/bu6Dtb/bus.png" class="img-rounded img-responsive">
</div>
<div class="col-lg-3 col-lg-offset-1 col-m-12 col-sm-12">
<img alt="leaves" src="https://image.ibb.co/jwc06w/leaves_2.png" class="img-rounded img-responsive">
</div>
</div>
</div>
</section>
<section class="newsletter">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 col-m-12 col-sm-12">
<h3 class="text-center">SUBSCRIBE TO OUR NEWSLETTER</h3>
<div class="input-group">
<input type="email" class="form-control" placeholder="YOUR EMAIL">
<span class="input-group-btn">
<button class="btn btn-info" type="submit"><i class="fa fa-check" aria-hidden="true"></i></button>
</span>
</div>
</div>
</div>
</div>
</section>
<footer class="footer text-center">
<div class="container">
<div class="row">
<div class="col-lg-12 col-m-12 col-sm-12">
<h4>JUST DOWNLOAD IT</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione ab dolor rerum. Aperiam est commodi vero ratione placeat dolores, optio laborum quisquam autem, quasi. Id quo veniam ad. Ut, impedit. Ratione ab dolor rerum. Aperiam est commodi vero ratione placeat dolores. Consectetur adipisicing elit aperiam est commodi.</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-m-6 col-sm-12">
<button class="btn btn-info">APPLE STORE <i class="fa fa-apple" aria-hidden="true"></i></button><div class="test"></div>
</div>
<div class="col-lg-6 col-m-6 col-sm-12">
<button class="btn btn-info">PLAY STORE <i class="fa fa-android" aria-hidden="true"></i></button>
</div>
</div>
</div>
</footer>
<section class="footer-lower">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-lg-offset-1">
<h4><a href="#">CREDITS</a> <span style="color:#1abc9c;"> | </span><a href="#">PRIVACY</a> <span style="color:#1abc9c;"> | </span> <a href="#">OUR TEAMS</a></h4>
<p>© Copyright by phototime - all rights reserved | </p>
<p>Used for non-commercial portfolio project of Konrad Jakubowski</p>
</div>
<div class="col-lg-4 col-lg-offset-1">
<img alt="camera" src="https://image.ibb.co/fC9cmw/photo.png">
</div>
</div>
</div>
</section>
</body>
</html>