-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
175 lines (127 loc) · 6.76 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Manuscripts</title>
<link rel = "icon" href = "https://i.pinimg.com/originals/25/29/c6/2529c62e987d4b7c11553ea92c3cc66e.png"
type = "image/x-icon">
<meta content="" name="description">
<meta content="" name="keywords">
<meta property="og:title" content="">
<meta property="og:image" content="">
<meta property="og:url" content="https://manuscriptslucifer.netlify.app/">
<meta property="og:site_name" content="manuscripts">
<meta property="og:description" content="blogs, stories, love, action, fiction, perman">
<!-- Twitter Cards integration: https://dev.twitter.com/cards/ -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<!-- ======= Hero Section ======= -->
<section id="hero">
<div class="hero-container">
<div data-aos="fade-in">
<div class="hero-logo">
<img class="" src="assets/img/logo.png" alt="Manuscripts">
</div>
<h1>Here, you can find <span class="typed" data-typed-items="amazing stories, heart-touching poems, lovely shayaris"></span></h1>
</div>
</div>
</section><!-- End Hero -->
<!-- ======= Header ======= -->
<header id="header" class="d-flex align-items-center">
<div class="container d-flex align-items-center justify-content-between">
<a href="index.html" class="logo mr-auto"><img src="assets/img/logo.png" alt=""></a>
<!-- Uncomment below if you prefer to use a text logo -->
<!-- <h1 class="logo mr-auto"><a href="index.html">Manuscripts</a></h1> -->
</div>
</header><!-- End Header -->
<main id="main">
<!-- ======= Services Section ======= -->
<section id="services">
<div class="container">
<div class="row" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-6 col-md-6 service-item">
<div class="service-icon"><i class="bi bi-book"></i></div>
<h4 class="service-title"><a href="storyland.html">Storyland</a></h4>
<p class="service-description">Collection of stories and novels written by Lucifer</p>
</div>
<div class="col-lg-6 col-md-6 service-item">
<div class="service-icon"><i class="bi bi-pen"></i></div>
<h4 class="service-title"><a href="poetics.html">Poetics</a></h4>
<p class="service-description">Collection of poems in English and Urdu-Hindi </p>
</div>
</div>
</div>
</section><!-- End Services Section -->
<!-- ======= Testimonials Section ======= -->
<section id="testimonials">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">About Author</h3>
<div class="section-title-divider"></div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="profile">
<div><img id="luci" src="assets/img/client-1.jpeg" width="250px"></div>
<br>
</div>
</div>
<div class="col-md-9">
<div class="quote">
<b><img src="assets/img/quote_sign_left.png" alt=""> Lucifer Khusrao </b> (2001 - 2030) is an amateur author, poet and thinker. Mostly found with his laptop, Lucifer is fond of cats. He is a schizophrenic dreamer and astrophile. Lucifer has completed his B.Tech degree in Computer Science and Engineering form SRM Institute of Science and Technology, Chennai. Lucifer had a flair of writing since childhood but the sails of his penned voyage caught air in late 2021. Lucifer was a lonely young soul with an aurora of dreams hitting his mind's sky, which he finally decided to put down in the form of stories, poems and Shayaris. He claims to get inspiration for all his writings from the life of people, social events, and also his past traumas.Fiction is the genre in which Lucifer has a strong hold. Some of his poems reflect the flaws in society and relationship and brings facts to light without bias or dogmatic sentiments. <small><img src="assets/img/quote_sign_right.png" alt=""></small>
</div>
</div>
</div>
</div>
</section><!-- End Testimonials Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="copyright">
© Copyright <strong>Manuscripts Theme</strong>. All Rights Reserved
</div>
<div class="credits">
Designed by <a href="https://www.github.com/MainakRepositor" target="_blank">Lucifer Khusrao</a>
</div>
</div>
</div>
</div>
</footer><!-- End Footer -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/typed.js/typed.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>