-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemplate.html
130 lines (123 loc) · 3.69 KB
/
template.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>
CodePen - Easy parallax effect with background-attachment: fixed
</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"
/>
<link rel="stylesheet" href="./css/template.css" />
<!-- <link rel="stylesheet" href="./css/style.css">-->
</head>
<body>
<!-- partial:index.partial.html -->
<header id="top">
<div class="wrapper">
<!-- <h1 class="logo"><a href="#"></a></h1>-->
<nav>
<ul id="navigation">
<li><a href="#home">Home</a></li>
<li><a href="#shop">Shop</a></li>
<li><a href="#aboutus">About Us</a></li>
<li><a href="#volenteering">Volunteering</a></li>
<li><a href="#gallery">Gallery</a></li>
</ul>
</nav>
</div>
</header>
<div class="container">
<h1>GIYA</h1>
<p>GROWING INSPIRATION, YIELDING ACTION</p>
<a href="#">Learn more</a>
</div>
<div class="blank">
<div class="text-image-section">
<div class="text-content">
<h3>Your Heading Here</h3>
<p>
Your text content goes here. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Integer nec odio. Praesent libero.
</p>
</div>
<div class="image-content">
<img src="assets/gallery/back1.jpg" alt="Description of Image" />
</div>
</div>
</div>
<div class="container second">
<div class="item">
<div class="img img-first"></div>
<div class="card">
<h3>Rock climbing</h3>
<p>
The goal is to reach the summit of a formation or the endpoint of a
usually pre-defined route without falling
</p>
<a href="#">Learn more</a>
</div>
</div>
<div class="item">
<div class="img img-second"></div>
<div class="card">
<h3>Caving</h3>
<p>
Exploring underground through networks of tunnels and passageways,
which can be natural or artificial.
</p>
<a href="#">Learn more</a>
</div>
</div>
<div class="item">
<div class="img img-third"></div>
<div class="card">
<h3>Parachuting</h3>
<p>
Jumping from an aeroplane and falling through the air before opening
your parachute.
</p>
<a href="#">Learn more</a>
</div>
</div>
</div>
<div class="blank"></div>
<div class="container third">
<div class="item">
<div class="img img-first"></div>
<div class="card">
<h3>Rock climbing</h3>
<p>
The goal is to reach the summit of a formation or the endpoint of a
usually pre-defined route without falling
</p>
<a href="#">Learn more</a>
</div>
</div>
<div class="item">
<div class="img img-second"></div>
<div class="card">
<h3>Caving</h3>
<p>
Exploring underground through networks of tunnels and passageways,
which can be natural or artificial.
</p>
<a href="#">Learn more</a>
</div>
</div>
<div class="item">
<div class="img img-third"></div>
<div class="card">
<h3>Parachuting</h3>
<p>
Jumping from an aeroplane and falling through the air before opening
your parachute.
</p>
<a href="#">Learn more</a>
</div>
</div>
</div>
<!-- partial -->
</body>
</html>