-
Notifications
You must be signed in to change notification settings - Fork 1
/
news.html
123 lines (118 loc) · 8.11 KB
/
news.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Divide of Everything News">
<meta name="keywords" content="HTML,CSS">
<meta name="author" content="Coole Sites 2018">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css" type="text/css" />
<link rel="icon" href="assets/images/logo_redtransparent.png">
<title>Divide of Everything | News & Gigs </title>
</head>
<body>
<!-- Floating Sidebar -->
<div class="float-icons">
<ul>
<li><a href="https://www.facebook.com/DivideOfEverything" title="Facebook" target="blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="https://twitter.com/DivideOfEvery" title="Twitter" target="blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCWXge73RlAzsZcf6lekUgwg" title="YouTube" target="blank"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
</ul>
</div>
<!-- Navbar -->
<nav class="navbar fixed-top navbar-expand-md navbar-dark">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.html" title="Divide of Everything Home"></a>
</div>
<div class="button-div">
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="collapse justify-content-end navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html" title="Home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="aboutus.html" title="About us">About us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="catalogue.html" title="Catalogue">Catalogue</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="news.html" title="News">News<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="bookus.html" title="Book us">Book us</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Content -->
<div id="img-wrapper-news">
<section class="container-fluid">
<div class="row">
<div class="col-12">
<div class="news-post-container">
<div class="news-post">
<p class="text-uppercase news-post-date">April 03 2018<span class="news-word">Divide of Everything News</span></p>
<h1 class="text-uppercase">The Workmans Club - tonight at 8pm</h1>
<p class="news-post-text">Tonight we're gonna play our first acoustic performance in front of a live audience at Workman's at around 8pm - should be good fun! Pop in if you're in town
</p>
<p><a href="#" title="Read more">Read more...</a></p>
</div>
</div>
<div class="news-post-container">
<div class="news-post">
<p class="text-uppercase news-post-date">March 29 2018<span class="news-word">Divide of Everything News</span></p>
<h1 class="text-uppercase">Gravity - Single available on Apple Music</h1>
<p class="news-post-text"><img src="assets/images/news.jpg" alt="Gravity single available on Apple Music" class="news-image">Re-released single Gravity.</p>
<p class="news-post-text">We decided to take it down and change distribution platform. More singles will be available very soon.
</p>
<p><a href="https://itunes.apple.com/ie/album/gravity-single/id1226171914" title="Read more">Get the single on Apple Music...</a></p>
</div>
</div>
<div class="news-post-container">
<div class="news-post">
<p class="text-uppercase news-post-date">March 10 2018<span class="news-word">Divide of Everything News</span></p>
<h1 class="text-uppercase">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum, ipsa!</h1>
<p class="news-post-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex facilis vero repellendus quia velit perferendis quae recusandae illum quod veritatis, ipsa eos eveniet. Cumque, officiis porro harum! Magnam, inventore, earum! Omnis
tempora corrupti dolorum ducimus maxime molestiae, fugiat repudiandae, rerum nisi iste modi.</p>
<p class="news-post-text">Veniam natus, tempore sapiente rem soluta excepturi velit obcaecati eveniet voluptatibus, sint saepe magni, iste explicabo, dolorem optio. Debitis tenetur magnam quasi ut ipsum. Ea dolore ipsa enim porro dolores alias ut, perspiciatis
natus provident. Distinctio optio, aut ratione dolore voluptate vero. Quod excepturi perferendis eos ullam, nulla mollitia corporis blanditiis ipsum voluptatum, dolorem quia saepe repellat.
</p>
<p><a href="#" title="Read more">Read more...</a></p>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer class="container-fluid footer-content">
<div class="row footer-col">
<div class="col-6 text-right">
<p class="text-uppercase inline-block footer-text">© Coole Sites 2018</p>
</div>
<div class="col-6 text-left footer-icons">
<ul class="list-inline social-icons">
<li class="list-inline-item"><a href="https://www.facebook.com/DivideOfEverything" title="Facebook" target="blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com/DivideOfEvery" title="Twitter" target="blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCWXge73RlAzsZcf6lekUgwg" title="YouTube" target="blank"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</footer>
<!-- Script Links -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
</body>
</html>