-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfeatured_page3.html
62 lines (58 loc) · 3.42 KB
/
featured_page3.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 name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="nav">
<!-- <div class="nleft">
<h4 style="width: 250px; padding-top: 13px; font-size: 25px;">DIGITAL LIBRARY</h4>
</div> -->
<div class="nmid">
<ul>
<li><a href="index.html" class="home">HOME</a></li>
<!-- <li><a href="index.html/about">ABOUT</a></li> -->
<!-- <li><a href="#featured">FEATURED</a></li> -->
<li><a href="contact.html">CONTACT US </a></li>
</ul>
</div>
<div class="nright">
<div class="login"><a href="login.html">LOGIN</a></div>
<div class="signup"><a href="signup.html">SIGNUP</a></div>
</div>
</div>
<div class="hero2">
<h1 class="hheading">The Tale of a Traveller</h1>
<h3 class="hheading" style="color: orangered;">The Alchemist by Paulo Coelho</h3>
<div class="quote">
<div class="robertpic">
<img src="alchemist_author.jpg" alt="" width="100px" height="100px" style="border-radius: 50%; border: solid orangered; margin: 50px;">
</div>
<div class="rdpdtext">“Tell your heart that the fear of suffering is worse than the suffering itself. And that no heart has ever suffered when it goes in search of its dreams, because every second of the search is a second's encounter with God and with eternity.”
- <i>Paulo Coelho, The Alchemist</i>
</div>
<!-- <div class="buynow">BUY</div> -->
</div>
<!-- <div class="buynow">BUY</div>
-->
<!-- <a href=""></a> -->
<h2 class="hheading" style="margin-top: 50px;">Popular highlights in this Book</h2>
<div class="highlights">
<div class="hl1">
<div>
<i class="fa-solid fa-quote-right" style="color: orangered; float: right; font-size: 50px;"></i>
</div>
<!-- <i class="fa-solid fa-quote-right" style="color: #b0b6bf; float: right; font-size: 50px;"></i> -->
<div>“Tell your heart that the fear of suffering is worse than the suffering itself. And that no heart has ever suffered when it goes in search of its dreams, because every second of the search is a second’s encounter with God and with eternity.”</div>
</div>
<div class="hl1"><i class="fa-solid fa-quote-right" style="color: orangered; float: right; font-size: 50px;"></i>“If what one finds is made of pure matter, it will never spoil. And one can always come back. If what you had found was only a moment of light, like the explosion of a star, you would find nothing on your return.”</div>
<div class="hl1"><i class="fa-solid fa-quote-right" style="color: orangered; float: right; font-size: 50px;"></i>“When each day is the same as the next, it’s because people fail to recognize the good things that happen in their lives every day that the sun rises.”</div>
</div>
</div>
<a href="https://a.co/d/5FVPbUo" class="buybutton">BUY</a>
<script src="https://kit.fontawesome.com/506bacfdab.js" crossorigin="anonymous"></script>
</body>
</html>