-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·166 lines (157 loc) · 10.5 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
<!DOCTYPE html>
<html>
<head>
<title>Bodhi Creations</title>
<meta charSet="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Bodhi Creations - Book Publishing India">
<meta property="og:image" content="/bodi-logo.png">
<link rel="shortcut icon" href="images/19350d96-7d80-4d3d-b225-e5af16a95ea9.png" />
<link href="https://fonts.googleapis.com/css?family=Montserrat|Spectral" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/color.css">
<style>
</style>
</head>
<body class="font-elegant">
<div class="lightblue-black">
<header class="header">
<div class="container-lrg">
<div class="flex col-12 spread">
<a class="logo primary-color logo">Bodhi</a>
<a href="mailto:[email protected]" class="nav-link secondary-color mr0">Contact</a>
</div>
</div>
</header>
<section class="section">
<div class="container mb40">
<div class="col-12 text-center">
<h1 class="heading-lrg primary-color">Bodhi Creations</h1>
<h2 class="subheading secondary-color mt20">The one stop for all your Publication Needs</h2>
<div class="mt40">
<a href="tel:9447141639" target="_blank" class="button mobile-text-center mt10 mr10 mobile-text-center accent-bg primary-color">
<span> ✆ 9447141639 </span>
</a>
<a href="mailto:[email protected]" target="_blank" class="button mobile-text-center mt10">
<span> 📧 Email US </span>
</a>
</div>
</div>
</div>
</section>
</div>
<section id="cta-1" class="section lightblue-white" sitemeta="[object Object]" activepage="Landing">
<div class="container text-center">
<div class="col-12">
<h4 class="heading-lrg primary-color">What We Do!</h4>
<p class="paragraph mt20 secondary-color mt20">Everything under one Brand</p>
</div>
</div>
</section>
<section id="feature-2" class="section lightblue-white" sitemeta="[object Object]" activepage="Landing">
<div class="container-lrg flex">
<div class="col-4 text-center flex flex-column center-horizontal">
<i class="icon mobile-center-icon secondary-bg">
<svg class="svg-fill" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
<path d="M22.5,21a.5.5,0,0,0,.5-.5V1.5A1.5016,1.5016,0,0,0,21.5,0H3.5A1.5016,1.5016,0,0,0,2,1.5v21A2.5,2.5,0,0,0,4.5,25h18a.5.5,0,0,0,0-1H22V21ZM6,1h6V12L9,9.75,6,12ZM21,24H4.5a1.5,1.5,0,0,1,0-3H21Z"></path>
</svg>
</i>
<h3 class="bold primary-color">Book Publishing</h3>
<p class="paragraph secondary-color">Printing, Publishing and distribution </p>
</div>
<div class="col-4 text-center flex flex-column center-horizontal">
<i class="icon mobile-center-icon secondary-bg">
<svg class="svg-fill" viewBox="0 0 24 13" xmlns="http://www.w3.org/2000/svg">
<path d="M22.419.188L18 3.344V1.5A1.5 1.5 0 0 0 16.5 0h-15A1.5 1.5 0 0 0 0 1.5v10A1.5 1.5 0 0 0 1.5 13h15a1.5 1.5 0 0 0 1.5-1.5V9.656l4.419 3.156A1 1 0 0 0 24 11.998V1.002a1 1 0 0 0-1.581-.814zM6.5 4h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1z"></path>
</svg>
</i>
<h3 class="bold primary-color">Video Production</h3>
<p class="paragraph secondary-color">Video Scripting, shooting, Editing, and Production </p>
</div>
<div class="col-4 text-center flex flex-column center-horizontal">
<i class="icon mobile-center-icon secondary-bg">
<svg class="svg-fill" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25">
<path d="M20 22.494v1a.5.5 0 0 1-1 0v-1a.5.5 0 1 1 1 0zm-14.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 1 0v-1a.5.5 0 0 0-.5-.5zm7 1a10.924 10.924 0 0 1-2.494-.391l-.27 1.76a.528.528 0 0 0 .097.454.498.498 0 0 0 .387.183h4.56a.5.5 0 0 0 .49-.598l-.275-1.8a10.928 10.928 0 0 1-2.495.392zm9.06-7.44L18 11.995v9h2.5a1.5 1.5 0 0 0 1.5-1.5v-2.879a1.5 1.5 0 0 0-.44-1.06zM17 5.995v15a18.472 18.472 0 0 1-4 .974v-7.474a.5.5 0 0 0-1 0v7.474a18.47 18.47 0 0 1-4-.974v-15C8 3.67 11.553.244 12.5 0c.947.244 4.5 3.67 4.5 5.994zm-2.168 1.127A4.374 4.374 0 0 0 12.5 5.994a4.113 4.113 0 0 0-2.343 1.136.5.5 0 0 0 .686.729 3.213 3.213 0 0 1 1.657-.865 3.417 3.417 0 0 1 1.668.874.5.5 0 0 0 .664-.748zM3 16.614v2.88a1.5 1.5 0 0 0 1.5 1.5H7v-9l-3.56 3.56a1.5 1.5 0 0 0-.44 1.06z"></path>
</svg>
</i>
<h3 class="bold primary-color">Website Designing</h3>
<p class="paragraph secondary-color">Website designing, hosting and maintenance </p>
</div>
</div>
</section>
<section id="checklist-3" class="section lightblue-white" sitemeta="[object Object]" activepage="Landing">
<div class="container text-center mb75">
<div class="col-12">
<h3 class="heading primary-color">Books Published </h3>
</div>
</div>
<div class="container flex">
<ul class="checklist col-12">
<li class="checklist-item flex center-horizontal spread pad10">
<p class="paragraph primary-color mr20">Soumya thejas</p>
<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" class="noshrink svg-fill">
<g transform="translate(4.000000, 5.000000)">
<path d="M5.24961475,8.39956394 L2.16512063,5.35475362 C1.74038521,4.93548271 1.05017933,4.9352057 0.624646383,5.35526395 C0.199019838,5.77541456 0.198881924,6.45614266 0.624129379,6.8759191 L4.35212111,10.555948 C4.38658274,10.6034965 4.42544251,10.6488955 4.46870038,10.6915969 C4.70907746,10.9288814 5.03375662,11.0320952 5.3475228,11.0013023 C5.59592563,10.9812599 5.83876209,10.8774981 6.02880771,10.6898975 C6.06831079,10.6509027 6.10414872,10.6096632 6.13632157,10.5665961 L13.9850992,2.81879759 C14.4107939,2.39857976 14.410861,1.71746456 13.985328,1.29740632 C13.5597015,0.8772557 12.8697673,0.877449143 12.444108,1.29763217 L5.24961475,8.39956394 Z"></path>
</g>
</svg>
</li>
<li class="checklist-item flex center-horizontal spread pad10">
<p class="paragraph primary-color mr20">Sabhayaum Samvedhanavum</p>
<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" class="noshrink svg-fill">
<g transform="translate(4.000000, 5.000000)">
<path d="M5.24961475,8.39956394 L2.16512063,5.35475362 C1.74038521,4.93548271 1.05017933,4.9352057 0.624646383,5.35526395 C0.199019838,5.77541456 0.198881924,6.45614266 0.624129379,6.8759191 L4.35212111,10.555948 C4.38658274,10.6034965 4.42544251,10.6488955 4.46870038,10.6915969 C4.70907746,10.9288814 5.03375662,11.0320952 5.3475228,11.0013023 C5.59592563,10.9812599 5.83876209,10.8774981 6.02880771,10.6898975 C6.06831079,10.6509027 6.10414872,10.6096632 6.13632157,10.5665961 L13.9850992,2.81879759 C14.4107939,2.39857976 14.410861,1.71746456 13.985328,1.29740632 C13.5597015,0.8772557 12.8697673,0.877449143 12.444108,1.29763217 L5.24961475,8.39956394 Z"></path>
</g>
</svg>
</li>
<li class="checklist-item flex center-horizontal spread pad10">
<p class="paragraph primary-color mr20">3</p>
<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" class="noshrink svg-fill">
<g transform="translate(4.000000, 5.000000)">
<path d="M5.24961475,8.39956394 L2.16512063,5.35475362 C1.74038521,4.93548271 1.05017933,4.9352057 0.624646383,5.35526395 C0.199019838,5.77541456 0.198881924,6.45614266 0.624129379,6.8759191 L4.35212111,10.555948 C4.38658274,10.6034965 4.42544251,10.6488955 4.46870038,10.6915969 C4.70907746,10.9288814 5.03375662,11.0320952 5.3475228,11.0013023 C5.59592563,10.9812599 5.83876209,10.8774981 6.02880771,10.6898975 C6.06831079,10.6509027 6.10414872,10.6096632 6.13632157,10.5665961 L13.9850992,2.81879759 C14.4107939,2.39857976 14.410861,1.71746456 13.985328,1.29740632 C13.5597015,0.8772557 12.8697673,0.877449143 12.444108,1.29763217 L5.24961475,8.39956394 Z"></path>
</g>
</svg>
</li>
<li class="checklist-item flex center-horizontal spread pad10">
<p class="paragraph primary-color mr20">4 add </p>
<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" class="noshrink svg-fill">
<g transform="translate(4.000000, 5.000000)">
<path d="M5.24961475,8.39956394 L2.16512063,5.35475362 C1.74038521,4.93548271 1.05017933,4.9352057 0.624646383,5.35526395 C0.199019838,5.77541456 0.198881924,6.45614266 0.624129379,6.8759191 L4.35212111,10.555948 C4.38658274,10.6034965 4.42544251,10.6488955 4.46870038,10.6915969 C4.70907746,10.9288814 5.03375662,11.0320952 5.3475228,11.0013023 C5.59592563,10.9812599 5.83876209,10.8774981 6.02880771,10.6898975 C6.06831079,10.6509027 6.10414872,10.6096632 6.13632157,10.5665961 L13.9850992,2.81879759 C14.4107939,2.39857976 14.410861,1.71746456 13.985328,1.29740632 C13.5597015,0.8772557 12.8697673,0.877449143 12.444108,1.29763217 L5.24961475,8.39956394 Z"></path>
</g>
</svg>
</li>
</ul>
</div>
</section>
<section id="cta-4" class="section lightblue-white" sitemeta="[object Object]" activepage="Landing">
<div class="container text-center">
<div class="col-12">
<h4 class="heading-lrg primary-color">Contact Us</h4>
<p class="paragraph mt20 secondary-color mt20">For more details contact us</p>
<div class="mt40">
<a href="tel:9447141639" target="_blank" class="button mobile-text-center mt10 mr10 mobile-text-center accent-bg primary-color">
<span> ☎ 94471416 </span>
</a>
<a href="mailto:[email protected]" target="_blank" class="button mobile-text-center mt10">
<span> 📧 Email us Now! </span>
</a>
</div>
</div>
</div>
</section>
<footer id="footer-5" class="section text-center lightblue-black" sitemeta="[object Object]" activepage="Landing">
<div class="container col-12">
<div>
<a href="mailto:[email protected]" class="socialicons accent-bg email"></a>
</div>
<div class="mt50">
<span class="span secondary-color">©</span>
<span class="span secondary-color">2018 Bodhi Creations</span>
</div>
</div>
</footer>
</body>
</html>