-
Notifications
You must be signed in to change notification settings - Fork 0
/
news4.html
62 lines (59 loc) · 4.67 KB
/
news4.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="images/jpg" sizes="32x32" href="images/creative-x logo.jpg"/>
<title>News</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/all.min.css">
<link rel="stylesheet" href="css/news.css">
</head>
<body>
<!--page transition-->
<div class="transition transition-1 is-active"><p>c<span class="stroke">x</span></p></div>
<!--------------------main---------------------->
<main>
<a href="index.html"><i id="close-news" class="fas fa-times"></i></a> <!--close icon-->
<!--main-->
<h1 class="title-white">the next station in <span class="stroke">art</span></h1>
<img src="images/new1.jpg" alt="">
<p class="author-detail">
<p class="sub-paragraph">by: spiegel mannheim</p>
<p>published 7 oct, 2021</p>
</p>
<p class="main-news">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Id autem iusto dolorem Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem non neque assumenda illum rem nam odit eum eveniet voluptate dolore. Consectetur consequatur, voluptates porro eveniet beatae a corporis facere odit?
</p>
<p>Lorem Lorem ipsum dolor, sit amet consectetur adipisicing elit. Excepturi voluptatum numquam ex voluptatem fuga nostrum tenetur iste autem rem reprehenderit error magnam eius sapiente eveniet modi unde, dolorum fugiat ut. Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum harum praesentium odio corrupti dolor obcaecati pariatur eaque, repudiandae sequi recusandae ea inventore voluptates laboriosam vel aliquam dolores in doloribus minus. ipsum dolor sit amet consectetur adipisicing elit. Excepturi labore corrupti maiores iusto? Aut ratione alias assumenda cupiditate accusamus voluptas corrupti soluta dicta esse, atque voluptates mollitia laboriosam culpa cumque.</p>
<p> Lorem ipsum dolor sit, amet consectetur, quaerat nam voluptatem suscipit quibusdam vitae nihil aspernatur voluptatum expedita quidem consectetur a quas repellendus dignissimos!</p>
<img src="images/new2.jpg" alt="">
<p class="main-news">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laboriosam quo commodi velit atque ad voluptate rerum, sint autem odio? Atque aperiam vitae magnam consequuntur architecto dicta nesciunt ut. Sunt, ea.</p>
<p class="news-paragraph ">Lorem iat amet suscipit, facere tempore sint quasi officiis repellendus architecto labficiis obcaecati modi expedita consequuntur.</p>
<div class="news-container">
<img src="images/news3.jpg" alt="">
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod ab labore perspiciatis, exercitationem consectetur ut voluptate beatae iusto excepturi blanditiis earum officiis explicabo, alias odio tempora ipsum quasi error accusamus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod ab labore perspiciatis, exercitationem consectetur ut voluptate beatae iusto excepturi blanditiis earum officiis explicabo, alias odio tempora ipsum quasi error accusamus.</p>
</div>
</div>
<p class="main-news">Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse necessitatibus molestias doloremque architecto quisquam, laudantium error corporis rem, placeat ipsa ad consequuntur debitis quos perspiciatis eveniet quas quo ratione. Minus.</p>
<p class='divider'>Lo amet consectetur adipisicing elit. Sed veritatis impedit pa, quas atque, porro dolor error reiciendis deserunt quaerat, natus reprehenderit quia sequi.</p>
<p>do you want to share your blog post? <a class="form" href="form.html">use our form.</a></p>
<!--social icons-->
<div class="social-icons">
<a href="#" class="contaienr"><i class="fab fa-facebook-f"></i><span>facebook</span></a>
<a href="#" class="container"><i class="fab fa-twitter"></i><span>twitter</span></a>
<a href="#" class="container"><i class="fab fa-instagram"></i><span>instagram</span></a>
</div>
</main>
<script src="js/script.js"></script>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="/__/firebase/8.9.1/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<!-- Initialize Firebase -->
<script src="/__/firebase/init.js"></script>
</body>
</html>