-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (72 loc) · 3.9 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
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/ico" href="">
<title>TechHive</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="animate.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
</head>
<body>
<div class="header11">
<div class="container22">
<div class="nav33">
<a href="index.html" class="tt1">TechHive</a>
<a href="#" class="tt2">About</a>
<!-- -->
</div>
</div>
</div>
<div class="row retro">
<div class="col-lg-6 slideInLeft animated" style="text-align: right;padding-right: 0px">Tech</div>
<div class="col-lg-6 slideInRight animated" style="text-align: left;padding-left: 0px">Hive</div>
</div>
<!-- <p class="retro"><span id="Tech" class="slideInLeft animated" style="animation-delay: 1s;">Tech</span><! span id="Hive" class="slideInRight animated" style="animation-delay: 1s;">Hive</span> --></p>
<p class="textt">Keeps you updated for all kind of Infotainment</p>
<div class="contentt">
<div class="row">
<div class="col-lg-6">
<img src="1blog.jpg" style="height: 90%;width:90%;">
</div>
<div class="col-lg-6">
<br>
<div class="infoo" >
<h2>Very First Post</h2>
<hr style="width: 35%">
<br>
<p id="flower">Welcome to our blogSite! We, TechHive, yearn to develop an interest in a technical aspect of todays generation. This site hopes to keep the readers updated with modern technologies and their pros and cons. Furthermore we would like to make the site as interesting as possible and wish to break the boundaries already placed by the society of technical blogs to be boring. This first post is just an introduction to get familiar with the site and its objective! We hope this venture brings a very needed interest in todays generation in modern techologies.</p>
<br><br>
</div>
</div>
</div>
</div>
<hr style="width: 95%">
<div class="contentt-next-all">
<div class="row">
<div class="col-lg-6">
<br>
<div class="infoo-right">
<h2 >AI : The future of World</h2>
<hr style="width: 48%">
<br>
<p id="flower">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. <span style="color: grey;">It was popularised in the 1960s with the release</span> </p>
<button class="btn btn-m" href="#">Read more</button>
<br><br>
</div>
</div>
<div class="col-lg-6">
<img src="ai.jpg" style="height: 95%;width:90%;">
</div>
</div>
</div>
<hr style="width: 95%">
<div class="footer">
<div class="contai">
<p class="contt" style="text-align:left;">© <span style="color: orange;">TechHive</span> 2017<span style="float:right;"><span class=" glyphicon glyphicon-envelope"></span> [email protected]        <span class=" glyphicon glyphicon-earphone"></span>+91-8475960622</span>
</p>
<p align="right" class="contt"><span class=" glyphicon glyphicon-envelope"></span> [email protected]        <span class=" glyphicon glyphicon-earphone"></span><span>+91-7396500000</span></p>
</div>
</div>
</body>
</html>