-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
67 lines (66 loc) · 2.33 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles.css"/>
<title>Qoutes SnapShots</title>
</head>
<body>
<nav>
<div class="logo-container">
<h1 class="logo">Quotes</h1>
</div>
<ul>
<li><a href="">HOME</a></li>
<li><a href="">ABOUT</a></li>
<li><a href="">GALLERY</a></li>
<li><a href="">CONTACT</a></li>
</ul>
</nav>
<!--header/Hero-->
<main>
<section class="content-container">
<h1>
Quotes
</h1>
<p class="info">
Share your Quotes!!!
</p>
<button class="cta">learn more</button>
</section>
</main>
<center>
<section class="second-sec">
<section class="card">
<div class="card-content">
<h1 style="color: rgb(201, 143, 255);">"Hell is empty, and all the devils are here."</h1>
<a href="#"> MORE </a>
<img src="https://img.freepik.com/premium-photo/purple-punk-cyber-human-skull-with-weapon-neural-network-ai-generated_76080-20063.jpg" alt="spooky" class=" first-image">
</div>
</section>
<section class="card">
<div class="card-content">
<h1 style="color: rgb(201, 143, 255);">"Light the spark within you, and let it ignite the flames of your potential." </h1>
<a href="#"> MORE </a>
<img src="https://st5.depositphotos.com/1026649/63661/i/450/depositphotos_636612106-stock-photo-fantasy-forest-night-glowing-flowers.jpg" alt="forest" class="second-image">
</div>
</section>
<section class="qoute">
<h1 class="last">CHECK OUT SOME NEW QUOTES</h1>
<div class="qoute-img-holder">
<div class="qoute-img">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQfGzXxB4Kx-97L3ejO09stJiIm-twKTUEw0g&s" alt="qoute-img">
</div>
<div class="qoute-img">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSsvDtpCOpTt7I9_yl6v1G_Xju5jQ-bjMeZ2g&s" alt="qoute-img">
</div>
<div class="qoute-img">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRz1ga848LRN65Tg7lU6dojRZEVHX5ejMKlyg&s" alt="qoute-img">
</div>
</div>
</section>
</section>
</center>
</body>
</html>