-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (84 loc) · 3.18 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
<meta name="description" content="The best news app in the world">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicon-32x32.png">
<title>Entri News homepage</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<header class="navbar">
<img src="./assets/images/logo.svg" alt="entry news logo ">
<nav class="links">
<ul>
<li><a href="#" class="link">Home</a></li>
<li><a href="#" class="link">New</a></li>
<li><a href="#" class="link">Popular</a></li>
<li><a href="trending.html" class="link">Trending</a></li>
<li><a href="#" class="link">Categories</a></li>
</ul>
</nav>
</header>
<main class="hero">
<section class="hero_description">
<img src="assets/images/image-web-3-desktop.jpg" alt="Entri news hero image">
<div class="hero_text">
<h1> The Bright Future of Web 3.0?</h1>
<div class="call_out">
<p>
We dive into the next evolution of the web that claims to put the power of the platforms back into the hands of the people.
But is it really fulfilling its promise?
</p>
<a href="#" class="button">Read More</a>
</div>
</div>
</section>
<aside class="new_articles">
<h1 class="heading">New</h1>
<article class="article">
<a href=""> Hydrogen VS Electric Cars</a>
<p>Will hydrogen-fueled cars ever catch up to EVs?</p>
</article>
<article class="article">
<a href=""> The Downsides of AI Artistry</a>
<p>What are the possible adverse effects of on-demand AI image generation?</p>
</article>
<article class="article">
<a href=""> Is VC Funding Drying Up?</a>
<p> Private funding by VC firms is down 50% YOY. We take a look at what that means.</p>
</article>
</aside>
</main>
<section class="articles">
<article class="new_article">
<img src="assets/images/image-retro-pcs.jpg" alt="retro computers">
<div class="content">
<h2>01</h2>
<h3>Reviving Retro PCs</h3>
<p>What happens when old PCs are given modern upgrades?</p>
</div>
</article>
<article class="new_article">
<img src="assets/images/image-top-laptops.jpg" alt="retro computers">
<div class="content">
<h2>02</h2>
<h3> Top 10 Laptops of 2022</h3>
<p> Our best picks for various needs and budgets.</p>
</div>
</article>
<article class="new_article">
<img src="assets/images/image-gaming-growth.jpg" alt="retro computers">
<div class="content">
<h2>03</h2>
<h3> The Growth of Gaming</h3>
<p>How the pandemic has sparked fresh opportunities.</p>
</div>
</article>
</section>
</div>
<script src="main.js"></script>
</body>
</html>