-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
129 lines (120 loc) · 4.29 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
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style/style.css">
<title>Halloween</title>
</head>
<body>
<header>
<h2 class="logo">logo</h2>
<nav class="nav">
<a class="active" href="#">Home <span></span></a>
<a href="#">Aboute <span></span></a>
<a href="#">Services <span></span></a>
<a href="#">Contact <span></span></a>
</nav>
</header>
<section class="parallax">
<h2 id="text">The Halloween Party
</h2>
<img id="bat" src="assets/images/bat_animation.gif" alt="">
<img id="tree" src="assets/images/tree.png" alt="tree">
<img id="gate-left" src="assets/images/gate.png" alt="">
<img id="gate-right" src="assets/images/gate.png" alt="">
</section>
<section class="sec2">
<img id="sec2-img" src="assets/images/about-pic.jpg" alt="">
<div id="sec2-text">
<span>About Us</span>
<h2>Trick or Treat? Boo!</h2>
<p>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. It was popularised in the 1960s with the release of Letraset sheets
containing Lorem Ipsum passages
</p>
<button>Get to know us</button>
</div>
</section>
<section class="sec3">
<span>Evening Program
</span><br>
<h3>Let the Party Begin!
</h3>
<div class="sec3-box" id="sec3">
<div>
<img src="assets/images/one.jpg" alt="">
<h2>Vampire Initiation Ritual </h2>
<p>It has survived not only five centuries, but also the leap into electronic.. </p>
</div>
<div>
<img src="assets/images/two.jpg" alt="">
<h2>Vampire Initiation Ritual </h2>
<p>It has survived not only five centuries, but also the leap into electronic.. </p>
</div>
<div>
<img src="assets/images/thre.jpg" alt="">
<h2>Vampire Initiation Ritual </h2>
<p>It has survived not only five centuries, but also the leap into electronic.. </p>
</div>
< </div>
</section>
<section class="sec4">
<span>Artists And Animators </span>
<h3>Fun and Fear this Night! </h3>
<div class="sec4-box" id="sec4">
<div>
<img src="assets/1.jfif" alt="">
<h4>Raino Due</h4>
<p>Death</p>
</div>
<div>
<img src="assets/2.jfif" alt="">
<h4>Raino Due</h4>
<p>Death</p>
</div>
<div>
<img src="assets/3.jpg" alt="">
<h4>Raino Due</h4>
<p>Death</p>
</div>
<div>
<img src="assets/4.jpg" alt="">
<h4>Raino Due</h4>
<p>Death</p>
</div>
<div>
<img src="assets/5.jpeg" alt="">
<h4>Raino Due</h4>
<p>Death</p>
</div>
</div>
</section>
<footer>
<div>
<h2>logo</h2>
<p class="footer-aboute">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
Ipsum has been the
industry's standard
</p>
</div>
<div>
<h2>Quick Links </h2>
<a href="#">Home </a>
<a href="#">Aboute </a>
<a href="#">Services </a>
<a href="#">Contact </a>
</div>
<div>
<h2>Our Address </h2>
<p> 40 Part Ave. Centraly Jc Road </p>
<p> +880 1723 456 </p>
<p> [email protected] </p>
</div>
</footer>
<script src="app.js"></script>
</body>
</html>