-
Notifications
You must be signed in to change notification settings - Fork 1
/
nix.html
118 lines (109 loc) · 4.47 KB
/
nix.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
<!DOCTYPE html>
<html>
<head>
<title>page2</title>
<link rel="stylesheet" type="text/css" href="nixy.css">
</head>
<body>
<div class="container"> <!-- container-->
<!-- CARD -->
<div class="box p2">
<div class="member">
<img src="https://static.standard.co.uk/s3fs-public/styles/story_large/public/thumbnails/image/2012/01/03/09/johnnydepp-500.jpg" alt="">
<h1>Johnny Depp</h1>
<h2>Actor | Musician</h2>
<button><i class="fas fa-video"></i> Follow</button>
<!-- BOOKMARK | LIKE | DOWNLAOD -->
<div class="favs">
<button class="mark"><i class="fas fa-bookmark"></i></button>
<button class="fav"><i class="fas fa-heart"></i></button>
<button class="fav"><i class="fas fa-download"></i></button>
</div>
</div>
</div>
<!-- CARD END -->
<!-- CARD -->
<div class="box p3">
<div class="member">
<img src="https://boxclue.co/wp-content/uploads/2018/04/Emma-Stone-biography-300x300.jpg" alt="">
<h1>Emma Stone</h1>
<h2>Actress</h2>
<button><i class="fas fa-video"></i> Follow</button>
<!-- BOOKMARK | LIKE | DOWNLAOD -->
<div class="favs">
<button class="mark"><i class="fas fa-bookmark"></i></button>
<button class="fav"><i class="fas fa-heart"></i></button>
<button class="fav"><i class="fas fa-download"></i></button>
</div>
</div>
</div>
<!-- CARD END -->
<!-- CARD -->
<div class="box p4">
<div class="member">
<img src="http://www.ultra-band.net/wp-content/uploads/2017/03/mki1xwvsfxyazoezoq8t.jpg" alt="">
<h1>Justin Timberlake</h1>
<h2>Singer | Actor</h2>
<button><i class="fas fa-headphones"></i> Follow</button>
<!-- BOOKMARK | LIKE | DOWNLAOD -->
<div class="favs">
<button class="mark"><i class="fas fa-bookmark"></i></button>
<button class="fav"><i class="fas fa-heart"></i></button>
<button class="fav"><i class="fas fa-download"></i></button>
</div>
</div>
</div>
<!-- CARD END -->
<!-- CARD -->
<div class="box p5">
<div class="member">
<img src="https://pbs.twimg.com/profile_images/952969165370884096/bK1_Bkpq.jpg" alt="">
<h1>Bruno Mars</h1>
<h2>Singer</h2>
<button><i class="fas fa-headphones"></i> Follow</button>
<!-- BOOKMARK | LIKE | DOWNLAOD -->
<div class="favs">
<button class="mark"><i class="fas fa-bookmark"></i></button>
<button class="fav"><i class="fas fa-heart"></i></button>
<button class="fav"><i class="fas fa-download"></i></button>
</div>
</div>
</div>
<!-- CARD END -->
<!-- CARD -->
<div class="box p6">
<div class="member">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQHgSDY6lRItDqkuimdV3TPC498In4rW-MUBxUzZtK5c5UsQuJe" alt="">
<h1>Saad Lamjarred</h1>
<h2>Singer</h2>
<button><i class="fas fa-headphones"></i> Follow</button>
<div class="favs">
<!-- BOOKMARK | LIKE | DOWNLAOD -->
<button class="mark"><i class="fas fa-bookmark"></i></button>
<button class="fav"><i class="fas fa-heart"></i></button>
<button class="fav"><i class="fas fa-download"></i></button>
</div>
</div>
</div>
<!-- CARD END -->
<!-- CARD -->
<div class="box p7">
<div class="member">
<img src="https://a4-images.myspacecdn.com/images04/9/2fd2f1d1a2b94df386f8f6c387bc0a95/300x300.jpg" alt="">
<h1>Beyonce</h1>
<h2>Singer | Actress</h2>
<button><i class="fas fa-headphones"></i> Follow</button>
<!-- BOOKMARK | LIKE | DOWNLAOD -->
<div class="favs">
<button class="mark"><i class="fas fa-bookmark"></i></button>
<button class="fav"><i class="fas fa-heart"></i></button>
<button class="fav"><i class="fas fa-download"></i></button>
</div>
</div>
</div>
<!-- CARD END -->
</div> <!-- container end -->
<!-- FOLLOW -->
<a class="Follow" href="https://codepen.io/ZaynAlaoudi/" target="blank_"></a>
</body>
</html>