-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
122 lines (121 loc) · 6.69 KB
/
blog.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
<html>
<head>
<title> GidAnthems- Home </title>
<link rel="stylesheet" href="reference.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="container">
<div class="menu">
<ul>
<li> <a href="index.html"> HOME </a> </li>
<li> <a href="artist.html"> UP & COMING ARTISTS </a> </li>
<li> <a href="products.html"> BEST PRODUCTS </a> </li>
<li> <a href="music.html"> PICKS OF WEEK </a> </li>
<li class="active"> NEWS </li>
<li> <a href="signup.html" class="signup-btn"> <span> Sign Up </span> </a> </li>
</ul>
</div>
<div class="bgimg-3">
<div class="blog-hero-caption">
<span class="border"> NOW THAT'S WHAT I CALL GID MUSIC </span>
</div>
</div>
<div style="position:relative;">
<div style="color:#000;background-color:#fff;text-align:center;padding:5% 80px;text-align: justify;">
<section class="latest-news-area" id ="latest">
<div class="row">
<div class="col">
<div class="section_subtitle"> | BLOG </div>
<h2 style="margin-top: 5%;"> Recent <strong> Blogs </strong> </h2>
</div>
</div>
<br><br>
<div class="row">
<div class ="news-active">
<div class="col">
<div class="latest-news-wrap">
<div class="news-img">
<img src="img/lio2.png" alt="">
<div class = "date">
<span> 25 </span>
<span> April </span>
</div>
</div>
<div class="news-content">
<i class="fa fa-facebook"> </i>
<i class="fa fa-twitter"> </i>
<i class="fa fa-linkedin"> </i>
<i class="fa fa-youtube"> </i>
<i class="fa fa-whatsapp"> </i>
<h4> The Captivating Story of Lio Rush</h4>
<p>
It was a weird concept. Why would I really need to generate a random paragraph?
Could I actually learn something from doing so? All these questions were running
through her head as she pressed the generate button. To her surprise, she found what
she least expected to see.
</p> <br>
<a href="#"> Read More </a>
</div>
</div>
</div>
<div class="col">
<div class="latest-news-wrap">
<div class="news-img">
<img src="img/hip.png" alt="" class="img-responsive">
<div class = "date">
<span> 24 </span>
<span> April </span>
</div>
</div>
<div class="news-content">
<i class="fa fa-facebook"> </i>
<i class="fa fa-twitter"> </i>
<i class="fa fa-linkedin"> </i>
<i class="fa fa-youtube"> </i>
<i class="fa fa-whatsapp"> </i>
<h4> Up & Coming Artists That You must know </h4>
<p>
It was a weird concept. Why would I really need to generate a random paragraph?
Could I actually learn something from doing so? All these questions were running
through her head as she pressed the generate button. To her surprise, she found what
she least expected to see.
</p> <br>
<a href="#"> Read More </a>
</div>
</div>
</div>
<div class="col">
<div class="latest-news-wrap">
<div class="news-img">
<img src="img/mumble.png" alt="" class="img-responsive">
<div class = "date">
<span> 22 </span>
<span> April </span>
</div>
</div>
<div class="news-content">
<i class="fa fa-facebook"> </i>
<i class="fa fa-twitter"> </i>
<i class="fa fa-linkedin"> </i>
<i class="fa fa-youtube"> </i>
<i class="fa fa-whatsapp"> </i>
<h4> What Is Mumble Rap?</h4>
<p>
It was a weird concept. Why would I really need to generate a random paragraph?
Could I actually learn something from doing so? All these questions were running
through her head as she pressed the generate button. To her surprise, she found what
she least expected to see.
</p> <br>
<a href="#"> Read More </a>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</body>
</html>