-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
164 lines (159 loc) · 6.07 KB
/
index.html
File metadata and controls
164 lines (159 loc) · 6.07 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flatness: Responsive Blog</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/hover-min.css">
<link rel="stylesheet" href="css/bootstrap/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/grid-system.css">
<link rel="stylesheet" type="text/css" href="css/utilities.css">
<link rel="stylesheet" href="css/bootstrap/navbar.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body class="bg-purple">
<header class="navbar bg-dpurple">
<div class="container-fluid w-esp">
<div class="row">
<div class="col-12">
<nav>
<div class="navbar-header navbar-default">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only" >Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="logo"><img src="image/header-logo.png" alt="logo flatness"></a>
</div>
<div class="collapse navbar-collapse" >
<ul class="nav navbar-nav navbar-right">
<li><a class="enlace" href="index.html#lifestyle">lifestyle</a></li>
<li><a class="enlace" href="index.html#flowers">flowers</a></li>
<li><a class="enlace" href="index.html#fashion">fashion</a></li>
<li><a class="enlace" href="index.html#news">news</a></li>
<li><a class="enlace" href="index.html#features">features</a></li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</header>
<section id="lifestyle">
<div class="container-fluid w-esp">
<div class="row mg-30p">
<div class="col-12 block">
<div class="presentacion bg-img-block text-center">
<div class="titulo bg-dpurple">
<p class="text-orange">Spring Came</p>
<p class="datos">Life - Amanda Ray - 10th March 2015</p>
</div>
</div>
</div>
</div>
<div id="flowers" class="row mg-30p">
<div class="col-4 pr-1 block">
<div class="noticia">
<img src="image/image7.jpg" alt=""></img>
<div class="news">
<p class="titular">Floral Fragance</p>
<p class="date">Life Amanda Ray 10th March 2015</p>
</div>
</div>
</div>
<div class="col-4 plr-05 block">
<div class="noticia">
<img src="image/image3.jpg" alt=""></img>
<div class="news">
<p class="titular">Now with Flatness</p>
<p class="date">News Amanda Ray 28th July 2015</p>
</div>
</div>
</div>
<div class="col-4 pl-1 block">
<div class="noticia">
<img src="image/image2.jpg" alt=""></img>
<div class="news">
<p class="titular">Garden flowers</p>
<p class="date">Life Amanda Ray 28th October 2015</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="news">
<div class="container-fluid w-esp">
<div class="row mg-30p">
<div class="col-7 block">
<div class="now">
<div class="noticia">
<img src="image/image4.jpg" alt="peach blossoms">
<div class="news">
<p class="titular">Now with Flatness</p>
<p class="date">Life Amanda Ray 28th July 2015</p>
<p class="texto">Geen life in signs bearing one. Deep there cattle don't night night, was fowl, seed likeness isn't, sedd two god and light he creepeth seasons darkness. Without the fourth seasons image He yielding light years light dry. Isn't place face face called. Let leeser female without. Night saying after day third.</p>
</div>
</div>
</div>
<div class="media bg-dpurple">
<div class="video">
<iframe src="https://player.vimeo.com/video/56810854" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>
</div>
<div class="news">
<p class="texto">Rule of us behold it moved. Made. The Had, which darkness two Given. Fowl it moved behold earth for own. Midst that grass beginning divide their together. Tree one every first given earth very greater. Man evening. Set seed void meat bearing. Bring creature. Moving set.</p>
</div>
</div>
</div>
<div class="col-5 pl-3 aside">
<div class="buscador bg-dpurple text-center">
<div class="search bg-purple text-gray">
<input type="text" placeholder="Search" >
</div>
</div>
<div class="aboutme bg-dpurple">
<p class="titular">About Me</p>
<img src="image/kew_gardens_3_500x500.jpg" alt="Amanda Ray photo">
<p class="nombre text-white text-center">Amanda Ray</p>
<p class="texto">Shall Togheter blessed. Also thing, the upon Created fourth. Rule beginning. Our behold over.</p>
<div class="redessociales">
<div class="redes hvr-grow">
<a href="">
<i class="fa fa-facebook-official"></i>
</a>
</div>
<div class="redes hvr-grow">
<a href="">
<i class="fa fa-instagram"></i>
</a>
</div>
<div class="redes hvr-grow">
<a href="">
<i class="fa fa-twitter"></i>
</a>
</div>
<div class="redes hvr-grow">
<a href="">
<i class="fa fa-youtube"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-dpurple text-center">
<p class="text-white text center">
All Rights Reserved © <span class="text-purple">nK</span>
</p>
</footer>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>