-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (148 loc) · 5.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Talrop space | A Commercial Space</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta property="og:image" content="images/og.png" />
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<body>
<section id="home">
<section class="wrapper">
<header>
<h1><a href="#"><img src="images/logo.png" alt="logo"></a></h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Why Talrop Space</a></li>
</ul>
</nav>
</header>
<section id="spotlight">
<h1>A Commercial space <br/>that helps Student <br/> to learn, experiense and earn</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed, eveniet amet excepturi rem exercitationem deserunt, optio fugit
, debitis ab consectetur consequatur quaerat sunt fuga. Error cum ullam ut rem voluptas.</p>
<a class="button"> Explore</a>
</section>
</section>
</section>
<section id="about">
<section class="widget">
<span class="round_icon">
<small></small>
</span>
<h3>About</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam in cum, expedita ratione corporis cumque consequatur praesentium
consequuntur eum aperiam! odit!</p>
</section>
<section class="widget">
<span class="round_icon">
<small></small>
</span>
<h3>Mission</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam in cum, expedita ratione corporis cumque consequatur praesentium
consequuntur eum aperiam! odit!</p>
</section>
<section class="widget">
<span class="round_icon">
<small></small>
</span>
<h3>Vision</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam in cum, expedita ratione corporis cumque consequatur praesentium
consequuntur eum aperiam! odit!</p>
</section><!-- (about > .widget) -->
</section> <!-- (about) -->
<section id="middle">
<section class="wrapper">
<div class="head">
<h2>Our Commercial <br>Spaces</h2>
</div>
<ul>
<li class="card">
<a href="#"><img src="images/grolius.png" alt=""></a>
<h3><a href="#">GROLIUS</a></h3>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis unde ipsum dolores fuga
voluptatibus assumenda commodi, totam pariatur
laborum recusandae molestiae harum</p>
<a href="" class="button">Explore</a>
</li>
<li class="card">
<a href="#"><img src="images/techpe.png" alt=""></a>
<h3><a href="#">TECHPE</a></h3>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis unde ipsum dolores fuga
voluptatibus assumenda commodi, totam pariatur
laborum recusandae molestiae harum</p>
<a href="" class="button">Explore</a>
</li>
</ul>
</section><!-- (middle)> .wrapper -->
</section><!-- (middle) -->
<section id="main">
<section class="content-item bg">
<section class="wrapper">
<div class="img-container">
<img src="images/image.png" alt="image" class="left">
</div>
<div class="right">
<h3>Why <br>Talrop Space?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae consectetur asperiores quaerat nemo libero, quo hic, accusamus
expedita eveniet doloribus dolores blanditiis non aliquam sapiente veniam illo, quam quas consequuntur!</p>
</div>
</section><!-- (main>.content item bg > .wrapper) -->
</section><!-- (main>.content item bg) -->
<section class="content-item ">
<section class="wrapper">
<div class="left">
<h3>Earn while learn <br>With Talrop <br>Commercial space</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae consectetur asperiores quaerat nemo libero, quo hic, accusamus
expedita eveniet doloribus dolores blanditiis non aliquam sapiente veniam illo, quam quas consequuntur!</p>
</div>
<div class="img-container">
<img src="images/image.png" alt="image" class="left">
</div>
</section><!-- (main>.content item bg > .wrapper) -->
</section><!-- (main>.content item bg) -->
<section class="content-item bg">
<section class="wrapper">
<div class="img-container">
<img src="images/image.png" alt="image" class="left">
</div>
<div class="right">
<h3>Rea World experience is <br> mandatory in this <br> modern area</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae consectetur asperiores quaerat nemo libero, quo hic, accusamus
expedita eveniet doloribus dolores blanditiis non aliquam sapiente veniam illo, quam quas consequuntur!</p>
</div>
</section><!-- (main>.content item bg > .wrapper) -->
</section><!-- (main>.content item bg) -->
</section><!-- (main) -->
<footer>
<section class="top">
<section class="wrapper">
<div class="item">
<img src="images/phone.png" alt="phone">
<a href="tel:+91 889999555">+91 889999555</a>
</div>
<div class="item">
<img src="images/location.png" alt="location">
<p>Talrope ,CITTIC,CUSAT,<br> South Kalamassery, <br>Cochin,Kerala,India-682022</p>
</div>
<div class="item">
<img src="images/mail.png" alt="mail">
<a href="mailto:[email protected]">[email protected]</a>
</div>
</section>
</section>
<section class="bottom">
<section class="wrapper">
<p class="left">©2017 Talrop Space. All rights reserved.</p>
<p class="right">Powerd by <a href="#">Talrop</a></p>
</section>
</section>
</footer>
</body>
</html>