-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
137 lines (132 loc) · 4.66 KB
/
Copy pathindex.html
File metadata and controls
137 lines (132 loc) · 4.66 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
<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Styles -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- SEO -->
<title>DSGN.MEDIA - Some description here</title>
<meta charset="utf-8">
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><i class="glyphicon glyphicon-camera"></i>dsgn.media</a>
</div>
<div class="collapse navbar-collapse" id="collapse">
<p class="navbar-text navbar-right username"> <img src="img/oval.png" class="img_username">John Doe</p>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">pop culture</a></li>
<li><a href="#">design</a></li>
<li><a href="#">photography</a></li>
<li><a href="#">about us</a></li>
</ul>
</div>
</nav>
<div class="banner">
<p>Discover smart news for smart people.</p>
</div>
<div class="container">
<h2 class="text-center">Last news</h2>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<div class="card">
<img src="img/1.png">
<h3>Stranger Things 2 Amazing New Posters</h3>
<p>La deuxième saison de Stranger Things approche à grands pas. Netflix dévoile donc...</p>
<div class="stats">
<i class="glyphicon glyphicon-heart"></i>20 likes
</div>
<div class="stats">
<i class="glyphicon glyphicon-comment"></i>10 comments
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<div class="card">
<img src="img/2.png">
<h3>Beautiful Series Across the USA</h3>
<p>Le photographe Akos Major armé de son Mamiya7, chargé de pellicules Kodak Portra 400...</p>
<div class="stats">
<i class="glyphicon glyphicon-heart"></i>65 likes
</div>
<div class="stats">
<i class="glyphicon glyphicon-comment"></i>22 comments
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<div class="card">
<img src="img/3.png">
<h3>Game of Thrones Crystal Made Artworks by Dries Ketels</h3>
<p>Dans cette série de tableaux, l’artiste Dries Ketels se penche sur la célèbre...</p>
<div class="stats">
<i class="glyphicon glyphicon-heart"></i>30 likes
</div>
<div class="stats">
<i class="glyphicon glyphicon-comment"></i>15 comments
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<div class="card">
<img src="img/4.png">
<h3>Colorful Doors of Dublin Illustrations</h3>
<p>Passionné par l’art et le design, Al Power est un illustrateur irlandais installé à...</p>
<div class="stats">
<i class="glyphicon glyphicon-heart"></i>16 likes
</div>
<div class="stats">
<i class="glyphicon glyphicon-comment"></i>10 comments
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<div class="card">
<img src="img/5.png">
<h3>Alexander Semenov Expedition to Shoot...</h3>
<p>Alexander Semenov est un photographe marin et biologiste qui est en train de conduire...</p>
<div class="stats">
<i class="glyphicon glyphicon-heart"></i>32 likes
</div>
<div class="stats">
<i class="glyphicon glyphicon-comment"></i>14 comments
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<div class="card">
<img src="img/6.png">
<h3>Ghostly Floating Installation by Edoardo...</h3>
<p>Edoardo Tresoldi explore le concept de « fantôme » à travers ses incroyables...</p>
<div class="stats">
<i class="glyphicon glyphicon-heart"></i>25 likes
</div>
<div class="stats">
<i class="glyphicon glyphicon-comment"></i>0 comments
</div>
</div>
</div>
</div>
<div class="button">
<a href="javascript:void(0)" class="load-more">load more</a>
</div>
</div>
<footer>
<a href="#">Instagram</a>
<a href="#">Facebook</a>
<a href="#">Twitter</a>
<a href="#">Terms of Service and Privacy</a>
</footer>
</body>
</html>