-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsocial.html
136 lines (118 loc) · 5.45 KB
/
social.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Igloo Site</title>
<link rel="icon" href="img/fav.ico" type="image/x-icon">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="ionicons/css/ionicons.min.css" rel="stylesheet">
<!-- main css -->
<link href="css/style.css" rel="stylesheet">
<link href="css/sitestyles.css" rel="stylesheet" />
<!-- modernizr -->
<script src="js/modernizr.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Preloader -->
<div id="preloader">
<div class="pre-container">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
</div>
<!-- end Preloader -->
<div class="container-fluid">
<!-- box header -->
<header class="box-header">
<div class="box-logo">
<a href="index.html"><img src="img/logoi.png" width="150" alt="Logo"></a>
</div>
<!-- box-nav -->
<a class="box-primary-nav-trigger" href="#0">
<span class="box-menu-text">Menu</span><span class="box-menu-icon"></span>
</a>
<!-- box-primary-nav-trigger -->
</header>
<!-- end box header -->
<!-- nav -->
<nav>
<ul class="box-primary-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">services</a> <i class="ion-ios-circle-filled selectedIcon"></i></li>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="blogs.html">Blogs</a></li>
<li><a href="contact.html">contact us</a></li>
<li class="box-social"><a target="_blank" href="https://www.facebook.com/iglooideas/"><i class="ion-social-facebook"></i></a></li>
<li class="box-social"><a target="_blank" href="https://www.instagram.com/iglooideas/"><i class="ion-social-instagram-outline"></i></a></li>
<li class="box-social"><a target="_blank" href="https://twitter.com/IglooIdeas"><i class="ion-social-twitter"></i></a></li>
<li class="box-social"><a target="_blank" href="https://www.youtube.com/channel/UCxbzy_y5Sfotu7CSSEMA7qA"><i class="ion-social-youtube"></i></a></li>
</ul>
</nav>
<!-- end nav -->
</div>
<!-- top bar -->
<div class="social top-bar">
<h1>Social</h1>
</div>
<!-- end top bar -->
<div class="container main-container">
<div class="clearfix">
<div class="col-lg-12 col-md-12">
<h2>Social</h2>
</div>
<div class="col-lg-12 col-md-12">
<p>
We are social, we design and cook campaigns that engages audience and try ensuring maximum impact on brand visibility.
</p>
</div>
</div>
</div>
<!-- footer -->
<footer class="row">
<div class="container-fluid">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 quicklinks">
<a class="quicklink">© Igloo 2018</a>
<a class="quicklink portfolio-quicklink" href="portfolio.html">Portfolio</a>
<a class="quicklink" href="services.html">Services</a>
<a class="quicklink" href="contact.html">Contact Us</a>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 socialLinks">
<a href="https://www.facebook.com/iglooideas/" target="_blank"><i class="ion-social-facebook social-icon"></i></a>
<a href="https://www.instagram.com/iglooideas/" target="_blank">
<i class="ion-social-instagram-outline social-icon"></i>
</a>
<a href="https://twitter.com/IglooIdeas" target="_blank">
<i class="ion-social-twitter social-icon"></i>
</a>
<a href="https://www.youtube.com/channel/UCxbzy_y5Sfotu7CSSEMA7qA" target="_blank"><i class="ion-social-youtube social-icon"></i></a>
</div>
</div>
</footer>
<!-- end footer -->
<!-- back to top -->
<a href="#0" class="cd-top"><i class="ion-android-arrow-up"></i></a>
<!-- end back to top -->
<!-- jQuery -->
<script src="js/jquery-2.1.1.js"></script>
<!-- plugins -->
<script src="js/bootstrap.min.js"></script>
<script src="js/menu.js"></script>
<script src="js/animated-headline.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<!-- custom script -->
<script src="js/custom.js"></script>
</body>
</html>