-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
123 lines (112 loc) · 4.63 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Clicky</title>
<link href="css/stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- landing -->
<div class="land-container">
<div class="land-inner-container">
<div class="landing">
<div class="header"> <!-- contains logo and menu -->
<!-- logo -->
<div class="logo">
<img src="images/logo.png" alt="logo">
</div> <!-- logo end -->
<div class="menu">
<ul>
<li>About us</li>
<li>Services</li>
<li>Blog</li>
<li>Contact us</li>
<li><div id="enquire_button">Enquire now</div></li>
</ul>
</div><!-- menu end -->
</div> <!-- header end -->
<!-- slider -->
<div id="slider">
<a id="prev" class="arrow"></a>
<ul id="pages">
<li>
<h1>Creating <br> Digital Success Stories.</h1>
<h3>Intro | Innovation | Results </h3>
<p>Mauris sed ipsum nisi. Aliquam eget sagittis erat. Nam ut auctor erat. Maecenas sollicitudi dignissim urna, eu elementum ante varius at. Mauris porttitorultrices mauris, eget pretium lorem blandit in. Nulla sollicitudin viverra ante sed venenatis.</p>
<div id="enquire_now_button">Enquire now</div>
</li>
<li>
<h1>Creating <br> Digital Success Stories 2.</h1>
<h3>Intro | Innovation | Results </h3>
<p>Mauris sed ipsum nisi. Aliquam eget sagittis erat. Nam ut auctor erat. Maecenas sollicitudi dignissim urna, eu elementum ante varius at. Mauris porttitorultrices mauris, eget pretium lorem blandit in. Nulla sollicitudin viverra ante sed venenatis.</p>
<div id="enquire_now_button">Enquire now</div>
</li>
<li>
<h1>Creating <br> Digital Success Stories 3.</h1>
<h3>Intro | Innovation | Results </h3>
<p>Mauris sed ipsum nisi. Aliquam eget sagittis erat. Nam ut auctor erat. Maecenas sollicitudi dignissim urna, eu elementum ante varius at. Mauris porttitorultrices mauris, eget pretium lorem blandit in. Nulla sollicitudin viverra ante sed venenatis.</p>
<div id="enquire_now_button">Enquire now</div>
</li>
<li>
<h1>Creating <br> Digital Success Stories 4.</h1>
<h3>Intro | Innovation | Results </h3>
<p>Mauris sed ipsum nisi. Aliquam eget sagittis erat. Nam ut auctor erat. Maecenas sollicitudi dignissim urna, eu elementum ante varius at. Mauris porttitorultrices mauris, eget pretium lorem blandit in. Nulla sollicitudin viverra ante sed venenatis.</p>
<div id="enquire_now_button">Enquire now</div>
</li>
</ul>
<a id="next" class="arrow"></a>
<ul class="navigation"></ul>
</div><!-- slider end -->
</div> <!-- landing end -->
</div> <!-- landing-inner-container end -->
</div> <!-- landing-container end -->
<br>
<!-- services -->
<div class="our-services-container">
<div class="our-services">
<h1>Our Services</h1>
<p>Vestibulum cursus lectus odio in lacinia magna consectetur</p>
</div><!-- our services end -->
</div><!-- our services container end -->
<br>
<div class="services-container">
<div class="services">
<h1>Service</h1>
<p>Lorem ipsum dolor sit amet</p>
<br>
<div id="find_out_button">Find out more</div>
</div><!-- services end -->
</div><!-- services container end -->
<!-- tiles -->
<div class="tiles_container">
<div class="tile_1">
<h1>Service</h1>
<p>Lorem ipsum dolor sit amet</p>
</div><!-- tile 1 end -->
<div class="tile_2">
<h1>Project</h1>
<p>Lorem ipsum dolor sit amet</p>
</div><!-- tile 2 end -->
<div class="tile_3">
<h1>Service</h1>
<p>Lorem ipsum dolor sit amet</p>
</div><!-- tile 3 end -->
<div class="tile_4">
<h1>Project</h1>
<p>Lorem ipsum dolor sit amet</p>
</div><!-- tile 4 end -->
</div><!-- tiles container end -->
<br>
<br>
<!-- blog -->
<div class="blog_container">
<div class="blog">
<h1>Blog</h1>
<p>Vestibulum cursus lectus odio in lacinia magna consectetur</p>
</div><!-- blog end -->
</div><!-- blog container end -->
<!-- This is the jQuery CDN link for the slider -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="crossorigin="anonymous"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>