Skip to content

Commit 8282d79

Browse files
tulika-das1tulika-das1
committed
blog page design
1 parent aff5209 commit 8282d79

File tree

7 files changed

+734
-52
lines changed

7 files changed

+734
-52
lines changed

‎allblog.html

Lines changed: 202 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -3,20 +3,100 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7-
<title>Orange Publishers</title>
8-
<link href="https://fonts.googleapis.com/css?family=Barlow:400,700|Lato:300,400,700&display=swap" rel="stylesheet">
9-
<link rel="stylesheet" href="./dist/css/main.css">
6+
<title>Orange_prime</title>
7+
<link rel="stylesheet" href="./dist/css/app.css">
8+
<link rel="preconnect" href="https://fonts.googleapis.com">
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10+
<link href="https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet">
1011
</head>
1112
<body>
13+
<header class="orange-header-menu">
14+
<div class="container">
15+
<div class="row justify-content-between align-items-center">
16+
<div class="col-md-4">
17+
<div class="logo-side">
18+
<img src="./src/images/logo(final).png" alt="Site Logo" class="img-fluid"/>
19+
</div>
20+
</div>
21+
<div class="col-md-6 col-lg-4">
22+
<div class="search-bar">
23+
<form action="">
24+
<input type="text" placeholder="Enter Search Your Key" name="search2"><i class="fa fa-search"></i>
25+
</form>
26+
</div>
27+
<div class="call-btn-site">
28+
<a href="tel:+919830330809" class="number-text"><i class="fas fa-phone-volume"></i> +91 9830330809 / +91 9830050132 </a>
29+
</div>
30+
</div>
31+
</div>
32+
</div>
33+
<div class="header-bottom-main">
34+
<div class="orange-menu-side">
35+
<ul>
36+
<li>
37+
<a href="#">HOME</a>
38+
</li>
39+
<li>
40+
<a href="#">SERVICES</a>
41+
<ul class="sub-menu">
42+
<li>
43+
<a href="#">Lorem ipsum</a>
44+
<ul class="sub-menu">
45+
<li><a href="#">Lorem ipsum</a></li>
46+
<li><a href="#">Lorem ipsum</a></li>
47+
<li>
48+
<a href="#">Lorem ipsum</a>
49+
<ul class="sub-menu">
50+
<li><a href="#">Lorem ipsum</a></li>
51+
<li>
52+
<a href="#">Lorem ipsum</a>
53+
<ul class="sub-menu">
54+
<li><a href="#">Lorem ipsum</a></li>
55+
<li><a href="#">Lorem ipsum</a></li>
56+
<li><a href="#">Lorem ipsum</a></li>
57+
<li><a href="#">Lorem ipsum</a></li>
58+
</ul>
59+
</li>
60+
<li><a href="#">Lorem ipsum</a></li>
61+
<li><a href="#">Lorem ipsum</a></li>
62+
</ul>
63+
</li>
64+
<li><a href="#">Lorem ipsum</a></li>
65+
</ul>
66+
</li>
67+
<li><a href="#">Lorem ipsum</a></li>
68+
<li><a href="#">Lorem ipsum</a></li>
69+
<li><a href="#">Lorem ipsum</a></li>
70+
</ul>
71+
</li>
72+
<li>
73+
<a href="#">AUTHOR CHECKLIST</a>
74+
</li>
75+
<li>
76+
<a href="#">BLOG</a>
77+
</li>
78+
<li>
79+
<a href="#">FAQ</a>
80+
</li>
81+
<li>
82+
<a href="#">CONTACT</a>
83+
</li>
84+
85+
</ul>
86+
</div>
87+
<div class="call-btn-site">
88+
<a href="tel:+919830330809" class="number-text"><i class="fas fa-phone-volume"></i> +91 9830330809 / +91 9830050132 </a>
89+
</div>
90+
</div>
91+
</header>
1292
<div class="main">
1393
<!-- The Top Section Of the page -->
1494
<section class="blog-page-top-section">
1595
<div class="container">
1696
<div class="row justify-content-center">
1797
<div class="col-12">
1898
<div class="section-heading">
19-
<h2 class="main-heading">Our <span>Blogs</span></h2>
99+
<h2 class="main-heading">Blogs</h2>
20100
</div>
21101
<div class="text">
22102
<p>The most prestigious self book publishing companies in Kolkata - <span class="highlight">Orange Publishers.</span></p>
@@ -29,9 +109,9 @@ <h2 class="main-heading">Our <span>Blogs</span></h2>
29109
<section class="blog-page-blogs-section">
30110
<div class="container">
31111
<div class="row main-blogs">
32-
<div class="col-4 blog">
112+
<div class="col-12 col-md-6 col-lg-4 blog">
33113
<div class="img-container">
34-
<img src="./src/images/blog-1.jpg" alt="">
114+
<img src="./src/images/story-to-share-pic-1.jpg" alt="">
35115
<a href="#" class="overlay"></a>
36116
</div>
37117
<h4 class="orange-blog-title">
@@ -42,9 +122,9 @@ <h4 class="orange-blog-title">
42122
<a href="#"><i class="fas fa-angle-right fa-2x"></i></a>
43123
</div>
44124
</div>
45-
<div class="col-4 blog">
125+
<div class="col-12 col-md-6 col-lg-4 blog">
46126
<div class="img-container">
47-
<img src="./src/images/blog-2.jpg" alt="">
127+
<img src="./src/images/story-to-share-3.jpg" alt="">
48128
<a href="#" class="overlay"></a>
49129
</div>
50130
<h4 class="orange-blog-title">
@@ -55,9 +135,9 @@ <h4 class="orange-blog-title">
55135
<a href="#"><i class="fas fa-angle-right fa-2x"></i></a>
56136
</div>
57137
</div>
58-
<div class="col-4 blog">
138+
<div class="col-12 col-md-6 col-lg-4 blog">
59139
<div class="img-container">
60-
<img src="./src/images/blog-3.jpg" alt="">
140+
<img src="./src/images/story-to-share-2_03.jpg" alt="">
61141
<a href="#" class="overlay"></a>
62142
</div>
63143
<h4 class="orange-blog-title">
@@ -68,49 +148,124 @@ <h4 class="orange-blog-title">
68148
<a href="#"><i class="fas fa-angle-right fa-2x"></i></a>
69149
</div>
70150
</div>
71-
<div class="col-4 blog">
72-
<div class="img-container">
73-
<img src="./src/images/blog-1.jpg" alt="">
74-
<a href="#" class="overlay"></a>
75-
</div>
76-
<h4 class="orange-blog-title">
77-
<a href="#">Lorem ipsum dummy text ipsum</a>
78-
</h4>
79-
<div class="icon">
80-
<div class="outer"></div>
81-
<a href="#"><i class="fas fa-angle-right fa-2x"></i></a>
82-
</div>
151+
</div>
152+
</div>
153+
</section>
154+
</div>
155+
<!-- Footer-section -->
156+
<footer class="footer-sec">
157+
<div class="container">
158+
<div class="row justify-content-center">
159+
<div class="col-12 col-sm-6 col-md">
160+
<div class="footer-widget">
161+
<h5 class="footer-widget-title">Book Publishing</h5>
162+
<div class="menu-book-publishing-container">
163+
<ul>
164+
<li><a href="#">Story Book Publishing</a></li>
165+
<li ><a href="#">Historical Book Publishing</a></li>
166+
<li><a href="#">Ebook Publishing</a></li>
167+
<li><a href="#">Book publishers in India</a></li>
168+
<li><a href="#">Novel Publishers in India</a></li>
169+
<li><a href="#">Editing &amp; Proofreading</a></li>
170+
<li><a href="#">Children's Book Publishing</a></li>
171+
<li><a href="#">Book Translation</a></li>
172+
<li><a href="#">Screenplay To Novel</a></li>
173+
<li><a href="#">Book Promotion</a></li>
174+
<li><a href="#">Book Distribution</a></li>
175+
<li><a href="#">Typesetting</a></li>
176+
</ul>
83177
</div>
84-
<div class="col-4 blog">
85-
<div class="img-container">
86-
<img src="./src/images/blog-1.jpg" alt="">
87-
<a href="#" class="overlay"></a>
88-
</div>
89-
<h4 class="orange-blog-title">
90-
<a href="#">Lorem ipsum dummy text ipsum</a>
91-
</h4>
92-
<div class="icon">
93-
<div class="outer"></div>
94-
<a href="#"><i class="fas fa-angle-right fa-2x"></i></a>
95-
</div>
178+
</div>
179+
</div>
180+
<div class="col-12 col-sm-6 col-md">
181+
<div class="footer-widget">
182+
<h5 class="footer-widget-title">Writing &amp; Marketing</h5>
183+
<div class="menu-writing-marketing-container">
184+
<ul>
185+
<li><a href="#">Partial Rewriting</a></li>
186+
<li><a href="#">Ghost Writing</a></li>
187+
<li><a href="#">SEO Content Writing</a></li>
188+
<li><a href="#">Film Story Writing</a></li>
189+
<li><a href="#">School Book Writing</a></li>
190+
<li><a href="#">Script Writing</a></li>
191+
<li><a href="#">Biography Writing</a></li>
192+
<li><a href="#">Author's Website Development</a></li>
193+
<li><a href="#">Book Launch Event</a></li>
194+
</ul>
96195
</div>
97-
<div class="col-4 blog">
98-
<div class="img-container">
99-
<img src="./src/images/blog-1.jpg" alt="">
100-
<a href="#" class="overlay"></a>
101-
</div>
102-
<h4 class="orange-blog-title">
103-
<a href="#">Lorem ipsum dummy text ipsum</a>
104-
</h4>
105-
<div class="icon">
106-
<div class="outer"></div>
107-
<a href="#"><i class="fas fa-angle-right fa-2x"></i></a>
196+
</div>
197+
</div>
198+
<div class="col-12 col-sm-6 col-md">
199+
<div class="footer-widget">
200+
<h5 class="footer-widget-title">MEDIA</h5>
201+
<div class="menu-media-container">
202+
<ul>
203+
<li><a href="#">Video Book Trailer</a></li>
204+
<li><a href="#">Audio Book Publishing</a></li>
205+
<li><a href="#">Book To Screenplay</a></li>
206+
</ul>
207+
</div>
208+
</div>
209+
<div class="footer-widget">
210+
<h5 class="footer-widget-title">Designing</h5>
211+
<div class="menu-designing-container">
212+
<ul>
213+
<li><a href="#">Book Cover Design</a></li>
214+
<li><a href="#">Book Layout Design</a></li>
215+
<li><a href="#">Book Illustration</a></li>
216+
</ul>
217+
</div>
218+
</div>
219+
</div>
220+
<div class="col-12 col-sm-6 col-md">
221+
<div class="footer-widget">
222+
<h5 class="footer-widget-title">Our Company</h5>
223+
<div class="menu-company-container">
224+
<ul>
225+
<li><a href="#">About Us</a></li>
226+
<li><a href="#">FAQ</a></li>
227+
<li><a href="#">Our Services</a></li>
228+
<li><a href="#">Packages</a></li>
229+
<li><a href="#">Author's Checklist</a></li>
230+
<li><a href="#">Publish Now</a></li>
231+
<li><a href="#">Privacy Policy</a></li>
232+
<li><a href="#">Refund and Cancellation Policy</a></li>
233+
<li><a href="#">TERMS AND CONDITIONS</a></li>
234+
</ul>
235+
</div>
236+
</div>
237+
</div>
238+
<div class="col-12 col-sm-6 col-md">
239+
<div class="footer-widget">
240+
<h5 class="footer-widget-title">Contact Us</h5>
241+
<div class="textwidget">
242+
<p><a href="https://goo.gl/maps/o2JB3Wy2KHr" target="_blank" rel="nofollow noopener noreferrer">GROUND FLOOR, 98, 37-A, Gopal Lal Tagore Rd, Sarat Kanan Pally, Nainan Para, Baranagar, Kolkata, West Bengal 700036</a></p>
243+
<p><a href="mailto:[email protected]">[email protected]</a></p>
244+
</div>
245+
</div>
246+
<div class="widget_text footer-widget">
247+
<h5 class="footer-widget-title">Find Us On Google</h5>
248+
<div class="textwidget custom-html-widget">
249+
<div class="footer-map">
250+
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14729.752708102193!2d88.3735158!3d22.6374459!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x13acb909ad4e13ce!2sOrange%20Publishers%20-%20Self%20Book%20Publishing%20company%20in%20Kolkata!5e0!3m2!1sen!2sin!4v1572277550191!5m2!1sen!2sin" width="100%" height="200px" frameborder="0" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
108251
</div>
109252
</div>
110253
</div>
111254
</div>
112-
</section>
255+
</div>
113256
</div>
257+
258+
<div class="copy-right">
259+
<div class="container-fluid">
260+
<div class="row">
261+
<div class="col-12">
262+
<p class="copyright-text">Designed, Developed &amp; Marketed By <a href="https://thinktoshare.com/">Think To Share</a> | <a href="https://orange-publishers.com/site-map/">Sitemap</a></p>
263+
</div>
264+
</div>
265+
</div>
266+
</div>
267+
</footer>
268+
<!-- end footer section -->
114269
<script src="./dist/js/app.js"></script>
115270
</body>
116271
</html>

‎dist/css/app.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -560,7 +560,7 @@ <h4 class="card-heading-text">Lorem ipsum</h4>
560560
</div>
561561
<!-- social media section end -->
562562

563-
<!-- Footer-section -->
563+
<!-- Footer-section -->
564564
<footer class="footer-sec">
565565
<div class="container">
566566
<div class="row justify-content-center">
@@ -575,7 +575,7 @@ <h5 class="footer-widget-title">Book Publishing</h5>
575575
<li><a href="#">Book publishers in India</a></li>
576576
<li><a href="#">Novel Publishers in India</a></li>
577577
<li><a href="#">Editing &amp; Proofreading</a></li>
578-
<li><a href="#">Children’s Book Publishing</a></li>
578+
<li><a href="#">Children's Book Publishing</a></li>
579579
<li><a href="#">Book Translation</a></li>
580580
<li><a href="#">Screenplay To Novel</a></li>
581581
<li><a href="#">Book Promotion</a></li>
@@ -597,7 +597,7 @@ <h5 class="footer-widget-title">Writing &amp; Marketing</h5>
597597
<li><a href="#">School Book Writing</a></li>
598598
<li><a href="#">Script Writing</a></li>
599599
<li><a href="#">Biography Writing</a></li>
600-
<li><a href="#">Author’s Website Development</a></li>
600+
<li><a href="#">Author's Website Development</a></li>
601601
<li><a href="#">Book Launch Event</a></li>
602602
</ul>
603603
</div>
@@ -634,7 +634,7 @@ <h5 class="footer-widget-title">Our Company</h5>
634634
<li><a href="#">FAQ</a></li>
635635
<li><a href="#">Our Services</a></li>
636636
<li><a href="#">Packages</a></li>
637-
<li><a href="#">Author’s Checklist</a></li>
637+
<li><a href="#">Author's Checklist</a></li>
638638
<li><a href="#">Publish Now</a></li>
639639
<li><a href="#">Privacy Policy</a></li>
640640
<li><a href="#">Refund and Cancellation Policy</a></li>

0 commit comments

Comments
 (0)