-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·166 lines (121 loc) · 6.1 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!-- This is the main page of the application -->
<!--Write and HTML5 template i.e the head header, body-->
<!--Visualize what the design looks like and create neccessary box in the body element of needed-->
<!--Link the main.css to this page-->
<!--All images, svg & png are to be hosted in the assets folder-->
<!Doctype html>
<html>
<head>
<title>TOPNOTCH EUPHORIA | HOME</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale 1.0">
<link rel="stylesheet" type="text/css" href="styles/main.css">
<link rel="stylesheet" type="text/css" href="styles/font/css/font-awesome.min.css">
</head>
<body>
<section id="exe_main">
<div class="row about" id="exe_div1">
<div class="col-md-1 exe_nav">
<nav>
<ul>
<li><a href="#exe_div1" class="fa-circle"></a> </li>
<li><a href="#exe_div2" class="fa-circle-thin"></a> </li>
<li><a href="#exe_div3" class="fa-circle-thin"></a> </li>
<li><a href="#exe_div4" class="fa-circle-thin"></a> </li>
</ul>
</nav>
</div>
<div class="col-md-4">
<img src="assets/logo.png" alt="logo">
</div>
<div class="col-md-6">
<p>Welcome to Topnotch Euphoria Events, a fast-growing event management company aimed at making every event we are involved in
the benchmark for excellence in every possible way, we specialize in providing our clients with services like indoor catering
and outdoor catering for corporate and social events, event planning, event vendor sourcing, ushering services and provision of
protocol officers. Check out and request for some of these services below.</p>
</div>
<div class="col-md-12 arrow"><a href="#exe_div2" class="fa-arrow-circle-down"></a></div>
</div>
<div class="row event_planning" id="exe_div2">
<div class="col-md-2 exe_nav exe-nav">
<nav>
<ul>
<li><a href="#exe_div1" class="fa-circle-thin"></a> </li>
<li><a href="#exe_div2" class="fa-circle"></a> </li>
<li><a href="#exe_div3" class="fa-circle-thin"></a> </li>
<li><a href="#exe_div4" class="fa-circle-thin"></a> </li>
</ul>
</nav>
</div>
<div class="row col-md-10"><!-- this div wraps other divs that contain information about the services provided-->
<h2 class="col-md-10"> Event Management and Planning</h2>
<div class="col-md-5"><!--this div contains svg/png that describe the service-->
<img src="assets/event_planning.png" alt="logo"/>
</div>
<div class="col-md-5"><!--this div contains description about the service and a button to request for such service -->
<p>At Topnotch Euphoria, we understand that every event differ in nature and we are ever ready to provide you with event planning services (including but not limited to budgeting, event decoration, arranging speakers or entertainers scheduling, securing venues) that befit your event type. </p>
<div class="button"><button type="button"><a href="form.html">Request Service</a></button></div>
</div>
</div>
</div>
<div class="row ushering" id="exe_div3"><!-- this div wraps other divs that contain information about the services provided-->
<div class="col-md-2 exe_nav exe-nav">
<nav>
<ul>
<li><a href="#exe_div1" class="fa-circle-thin"></a> </li>
<li><a href="#exe_div2" class="fa-circle-thin"></a> </li>
<li><a href="#exe_div3" class="fa-circle"></a> </li>
<li><a href="#exe_div4" class="fa-circle-thin"></a> </li>
</ul>
</nav>
</div>
<div class="col-md-10 row">
<h2 class="col-md-10">Event Ushering</h2>
<div class="col-md-5"><!--this div contains description about the service and a button to request for such service -->
<p>Make your guests feel pampered and welcomed at your event by employing the service of our collection of topnotch ushers who are cheerful, humble, beautiful, dutiful and respectable to welcome, direct and attend to your guests' basic needs during your event.</p>
<div class="button"><button type="button"><a href="form.html">Request Service</a></button></div>
</div>
<div class="col-md-5"><!--this div contains svg/png that describe the service-->
<img src="assets/ushering.png" alt="logo"/>
</div>
</div>
</div>
<div class="row event_planning" id="exe_div4"><!-- this div wraps other divs that contain information about the services provided-->
<div class="col-md-2 exe_nav exe-nav">
<nav>
<ul>
<li><a href="#exe_div1" class="fa-circle-thin"></a> </li>
<li><a href="#exe_div2" class="fa-circle-thin"></a> </li>
<li><a href="#exe_div3" class="fa-circle-thin"></a> </li>
<li><a href="#exe_div4" class="fa-circle"></a> </li>
</ul>
</nav>
</div>
<div class="col-md-10 row">
<h2 class="col-md-10"> Indoor and Outdoor Catering</h2>
<div class="col-md-5"><!--this div contains svg/png this describe the service-->
<img src="assets/catering.png" alt="logo"/>
</div>
<div class="col-md-5"><!--this div contains description about the service and a button to request for such service -->
<p>Good food makes a great event, your guests may not remember how beautifully dressed you were or how good the music was at your event but they will remember how good the food tasted and how surplus it was. Let Topnotch Euphoria provide your guests with delicious and healthy meals.</p>
<div class="button"><button type="button"><a href="form.html">Request Service</a></button></div>
</div>
</div>
</div>
</section>
<footer class="row footer">
<div class="col-md-12">
<p>STAY IN TOUCH</p>
</div>
<div class="icon row">
<a href="https://www.instagram.com/topnotcheuphoria" class="icon fa-instagram" ></a>
<a href="https://www.facebook.com/topnotcheuphoria" class="icon fa-facebook-f"></a>
<a href="https://www.twitter.com/euphoriatop" class="icon fa-twitter"></a>
</div>
<div class="col-md-12">
<p>developed with <b class="love fa-heart"></b> by DSC FUTA</p>
</div>
</footer>
<script type="text/javascript" src="main.js"></script>
</body>
</html>