-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemples.html
81 lines (72 loc) · 3.46 KB
/
temples.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
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body>
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Wrapper -->
<div id="wrapper">
<!-- Panel (Banner) -->
<section class="panel banner right">
<div class="content color0 span-3-75">
<h1 style="text-align: center;"><img src="images/slider-img-1.jpg" alt="image-1" style="height: 400px; width: 400px;"></h1>
<!-- <p> This is <strong>Ethereal</strong>, a free site template by AJ for <a href="https://html5up.net">HTML5 UP</a>. It’s fully responsive, built on HTML5 and CSS3, and released entirely for free under the Creative Commons license. Hope you dig it :)</p>
<ul class="actions">
<li><a href="#first" class="button special color1 circle icon fa-angle-right">Next</a></li>
</ul> -->
</div>
<div class="image filtered span-1-75" data-position="25% 25%">
<img src="images/pic01.jpg" alt="" />
<ul>
<li>
<h1 style="text-align: center; margin: 90% 40%;"><a href="#first" class="button special color1 circle icon fa-angle-right">Next</a></h1>
</li>
</ul>
</div>
</section>
<!-- Panel (Spotlight) -->
<section class="panel spotlight medium right" id="first">
<div class="content span-7">
<h2 class="major">Sed etiam aenean</h2>
<p>Mauris et ligula arcu. Proin dapibus convallis accumsan. Lorem maximus hendrerit orci, sit amet elementum massa hendrerit sed. Donec et ullamcorper ligula. Suspendisse amet potenti. Ut pretium libero eleifend euismod sed tristique. Quisque dictum magna risus, id ultricies justo sagittis vitae. Sed id odio tempor, porttitor elit amet, gravida hendrerit fringilla lorem ipsum dolor.</p>
</div>
<div class="image filtered tinted" data-position="top left">
<img src="images/pic02.jpg" alt="" />
</div>
</section>
<!-- Panel -->
<section class="panel color4-alt">
<div class="intro color4">
<h2 class="major">Contact</h2>
<p>Sed vel nibh libero. Mauris et lorem pharetra massa lorem turpis congue pulvinar. Vivamus sed feugiat finibus. Duis amet bibendum amet sed. Duis mauris ex, dapibus sed ligula tempus volutpat magna etiam.</p>
</div>
<div class="inner columns divided">
<div class="span-3-25">
</div>
<div class="span-1-5">
<ul class="contact-icons color1">
<li class="icon fa-twitter"><a href="#">@untitled-tld</a></li>
<li class="icon fa-facebook"><a href="#">facebook.com/untitled</a></li>
<li class="icon fa-snapchat-ghost"><a href="#">@untitled-tld</a></li>
<li class="icon fa-instagram"><a href="#">@untitled-tld</a></li>
<li class="icon fa-medium"><a href="#">medium.com/untitled</a></li>
</ul>
</div>
</div>
</section>
<!-- Copyright -->
<div class="copyright">© Untitled. Design: <a href="#">Prateek Srivastava</a>.</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>