forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
97 lines (88 loc) · 4.66 KB
/
index.html
File metadata and controls
97 lines (88 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
<!DOCTYPE html>
<html lang="en" id="top">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>CryptoRead</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap" rel="stylesheet">
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header>
<div class="title">
<a href="#top">
<h1>CryptoRead</h1>
<p>stay up to date in crypto world</p>
</a>
</div>
<nav class="navigation">
<ul>
<li><a href="#essay">Essays</a></li>
<li><a href="#news">News</a></li>
<li><a href="#analysis">Analysis</a></li>
<li><a href="#footer">Contact</a></li>
</ul>
</nav>
</header>
<main role="main">
<article class="about" id="about">
<strong><h2>Why blockchain with CryptoRead?</h2></strong>
<p>Blockchain is a technology that will change the world. It will revolutionize how we see the world. Banks, governments, central exchanges, data servers, social media giants will be one of the firsts that will be influenced by this amazing technology. Either if you are a keen learner, or a trader you must keep yourself up to date with CryptoRead. We produce most up to date and accurate content for blockchain and crypto learners.</p>
</article>
<article class="essay" id="essay">
<div class="article-title">
<h2>Essays</h2>
</div>
<div class="article-content">
<h3 class="essay-title">Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nunc quam, vehicula nec diam in, tempus viverra orci. Duis a scelerisque eros. Nulla condimentum, velit ut mattis tincidunt, nibh lorem ornare arcu, iaculis consequat magna felis sit amet lacus. Proin ullamcorper posuere turpis commodo pulvinar.</p>
<a href="#" class="read-more">Read More</a>
</div>
<div class="article-content">
<h3>Nunc sed oterne</h3>
<p>Nunc sed ornare tortor, in lobortis lectus. Aliquam eleifend nisi et diam luctus, eu accumsan arcu sollicitudin. Mauris eget justo purus. Curabitur lobortis, enim molestie dictum interdum, lacus ipsum porttitor lorem, eu egestas massa orci at sem. Duis imperdiet mollis felis, a gravida magna.</p>
<a href="" class="read-more">Read More</a>
</div>
</article>
<article class="news" id="news">
<div class="article-title">
<h2>News</h2>
</div>
<div class="article-content">
<h3>Nunc auctor libero ipsum</h3>
<p>Nunc auctor libero ipsum, sed facilisis nisl hendrerit vel. Praesent eu tellus est. Mauris pharetra eget neque non congue. Fusce sed nulla a velit interdum tincidunt. Donec purus risus, iaculis eget malesuada quis, fringilla id augue. Donec convallis ante luctus ex cursus, a ultrices elit ullamcorper. Suspendisse at leo eu nunc molestie tincidunt.</p>
<a href="" class="read-more">Read More</a>
</div>
</article>
<article class="analysis" id="analysis">
<div class="article-title">
<h2>Market Analysis</h2>
</div>
<div class="article-content">
<h3>Pellentesque id ligula pretium</h3>
<p>Pellentesque id ligula pretium, sollicitudin orci quis, molestie justo. Etiam lacus diam, viverra et tincidunt ac, ullamcorper non turpis. Aliquam eu nunc ipsum. Sed vitae nisl nec mi egestas dictum. Morbi magna ligula, laoreet eu fringilla eu, mattis eget velit. Nunc maximus est vel nulla efficitur, eget fringilla diam dapibus. Etiam ac sagittis justo, sit amet sodales lectus. </p>
<a href="" class="read-more">Read More</a>
</div>
</article>
</main>
<footer class="footer" id="footer">
<hr>
<strong>© CryptoRead</strong>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
</footer>
</body>
</html>