-
Notifications
You must be signed in to change notification settings - Fork 8
/
about.php
386 lines (320 loc) · 16.3 KB
/
about.php
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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-S79Y2FRX1H"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-S79Y2FRX1H');
</script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Meta Tags Start ------------------------------------------------------>
<meta http-equiv='content-language' content='en-US'>
<meta name="title" content="About Us - Visit Sri Lanka">
<meta name="description" content="Sri Lanka is an island nation located in the Indian Ocean, just off the southeastern coast of India.">
<meta name="keywords" content="">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://visitsrilanka.live/about.php">
<meta property="og:title" content="About Us - Visit Sri Lanka">
<meta property="og:description" content="Sri Lanka is an island nation located in the Indian Ocean, just off the southeastern coast of India.">
<meta property="og:image" content="/images/preview.webp">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://visitsrilanka.live/about.php">
<meta property="twitter:title" content="About Us - Visit Sri Lanka">
<meta property="twitter:description" content="Sri Lanka is an island nation located in the Indian Ocean, just off the southeastern coast of India.">
<meta property="twitter:image" content="/images/preview.webp">
<!-------------------------------------------------------- Meta Tags End -->
<title>About Us</title>
<!-- tab logo -->
<link rel="icon" type="image/x-icon" href="/images/tablogo.png">
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- bootstrap CSS file link -->
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<!-- custom css file link -->
<link rel="stylesheet" href="css/allstyle.css">
</head>
<body>
<div id="top"></div>
<!-- header section starts -->
<header class="header">
<a href="#" class="logo"> <i class="fas fa-hiking"></i> travel. </a>
<nav class="navbar">
<div id="nav-close" class="fas fa-times"></div>
<a href="index.html">home</a>
<a href="adventure.html">Adventure</a>
<a href="map.html">map</a>
<a href="blogs.html">blogs</a>
<a href="events.html">Events</a>
<a href="products.html">Products</a>
<a href="about.php">about us</a>
</nav>
<div class="icons">
<div id="menu-btn" class="fas fa-bars"></div>
<!--<a href="#" class="fas fa-shopping-cart"></a>-->
<div id="search-btn" class="fas fa-search"></div>
</div>
</header>
<!-- header section ends -->
<!-- search form -->
<div class="search-form">
<div id="close-search" class="fas fa-times"></div>
<form action="">
<input type="search" name="" placeholder="search here..." id="search-box">
<label for="search-box" class="fas fa-search"></label>
</form>
</div>
<div class="banner-area"></div>
<div class="content-area">
<div class="who-we-are">
<div class="title">
<h1>Who We Are?</h1>
</div>
<div class="paragraph">
<p>visitsrilanka.live is your go-to resource for planning a trip to Sri Lanka in 2023 which is a product of a group of undergraduate students in NSBM Green University under the web application development module. <br>Our website features a wide range of information on the top attractions, adventure activities, upcoming events, a blog of popular tourist destinations, and traditional products such as masks, spices, arts, foods, industrial goods... etc.
Whether you're looking to relax on beautiful beaches, explore ancient temples, or discover the local cuisine, visitsrilanka.live has you covered. We can't wait to help you plan an unforgettable trip to Sri Lanka.</p>
</div>
</div>
<div class="what-is-nsbm">
<div class="title">
<h1>What is NSBM?</h1>
</div>
<div class="paragraph">
<p> <a href="https://www.nsbm.ac.lk/"><b> NSBM Green University</b></a>, the nation’s premier degree-awarding institute, is the first of its kind in South Asia. It is a government-owned self-financed institute that operates under the purview of the Ministry of Education. As a leading educational centre in the country, NSBM has evolved into becoming a highly responsible higher education institute that offers unique opportunities and holistic education on par with international standards while promoting sustainable living. <br>
NSBM offers a plethora of undergraduate and postgraduate degree programmes under five faculties: Business, Computing, Engineering, Science and Postgraduate & Professional Advancement. These study programmes at NSBM are either its own programmes recognised by the University Grants Commission and the Ministry of Higher Education or world-class international programmes conducted in affiliation with top-ranked foreign universities such as University of Plymouth, UK, and Victoria University, Australia. <br>
Focused on producing competent professionals and innovative entrepreneurs for the increasingly globalising world, NSBM nurtures its graduates to become productive citizens of society with their specialisation ranging in study fields such as Business, Management, Computing, IT, Engineering, Science, Psychology, Nursing, Interior design, Quantity Surveying, Law and Multimedia. <br>
Inspired by the vision of being Sri Lanka’s best-performing graduate school and being recognised internationally, NSBM currently achieves approximately 3000 new enrollments per year and houses above 11,000 students reading over 50 degree programmes under 4 faculties. Moreover, over the years, NSBM Green University has gifted the nation with 14,000+ graduates and has proved its global presence with an alumni network spread all across the world. <br>
Nestling on a 40-acre land amidst the greenery and serenity in Pitipana, Homagama, NSBM Green University, is an ultra-modern university complex constructed with state-of-the-art facilities and amenities that provides the perfect setting for high-quality teaching, learning and research. <br>
</p>
</div>
</div>
<!-- <div class="our-team">
<div class="title">
<h1>Our Team</h1>
</div>
</div> -->
<section class="our-team">
<div class="container">
<div class="title">
<h1>Meet Our Team</h1>
</div>
<p class="text-center text-muted">Passionate undergraduate IT team, eager to use our skills and knowledge to make a positive impact.</p>
<br><br>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="profile-card bg-white shadow mb-4 text-center rounded-lg p-4 position-relative h-100">
<div class="profile-card_image pt-4">
<img src="/images/me.jpg" alt="User" class="mb-4 shadow">
</div>
<div class="profile-card_details">
<h3 class="mb-2 mt-3">Damitha Jayatharaka</h3>
<p class="text-muted">Full Stack Developer</p>
<p class="text-muted pt-4">As a full stack developer, I am skilled in both front-end and back-end development, able to build and maintain complete web applications.</p>
</div>
<div class="profile-card_social text-center p-4">
<a href="mailto:[email protected]" class="d-inline-block">
<img src="/images/email.png" alt="Email">
</a>
<a href="https://github.com/djayatharaka" target="_blank" class="d-inline-block">
<img src="/images/github.png" alt="Github">
</a>
<a href="https://lk.linkedin.com/in/damithajayatharaka" target="_blank" class="d-inline-block">
<img src="/images/linkedin.png" alt="Linkedin">
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="profile-card bg-white shadow mb-4 text-center rounded-lg p-4 position-relative h-100">
<div class="profile-card_image pt-4">
<img src="/images/binath.jpg" alt="User" class="mb-4 shadow">
</div>
<div class="profile-card_details">
<h3 class="mb-2 mt-3">Binath Laknaka</h3>
<p class="text-muted">Back-end Developer</p>
<p class="text-muted pt-4">As a Back-end Developer, I specialize in the design and implementation of efficient, scalable, and secure server-side systems for web applications.</p>
</div>
<div class="profile-card_social text-center p-4">
<a href="#!" class="d-inline-block">
<img src="/images/email.png" alt="Email">
</a>
<a href="#!" class="d-inline-block">
<img src="/images/github.png" alt="Github">
</a>
<a href="https://www.linkedin.com/in/binath-laknaka-kalansooriya-0b8247244/" target="_blank" class="d-inline-block">
<img src="/images/linkedin.png" alt="Linkedin">
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="profile-card bg-white shadow mb-4 text-center rounded-lg p-4 position-relative h-100">
<div class="profile-card_image pt-4">
<img src="/images/ishadi.jpg" alt="User" class="mb-4 shadow">
</div>
<div class="profile-card_details">
<h3 class="mb-2 mt-3">Ishadi Gayathma</h3>
<p class="text-muted">UI/UX Designer</p>
<p class="text-muted pt-4">As a UI/UX designer, I am skilled in user research, prototyping, and design, and use these skills to craft effective interfaces for websites.</p>
</div>
<div class="profile-card_social text-center p-4">
<a href="mailto:[email protected]" class="d-inline-block">
<img src="/images/email.png" alt="Email">
</a>
<a href="#!" class="d-inline-block">
<img src="/images/github.png" alt="Github">
</a>
<a href="https://www.linkedin.com/in/ishadi-gayathma-809732258/" target="_blank" class="d-inline-block">
<img src="/images/linkedin.png" alt="Linkedin">
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="profile-card bg-white shadow mb-4 text-center rounded-lg p-4 position-relative h-100">
<div class="profile-card_image pt-4">
<img src="/images/kavishka.jpg" alt="User" class="mb-4 shadow">
</div>
<div class="profile-card_details">
<h3 class="mb-2 mt-3">Kavishka Kavindi</h3>
<p class="text-muted">UI Designer</p>
<p class="text-muted pt-4">As a UI Designer, I specialize in the design and creation of intuitive, visually appealing, and user-centered interfaces for web and mobile applications.</p>
</div>
<div class="profile-card_social text-center p-4">
<a href="mailto:[email protected]" class="d-inline-block">
<img src="/images/email.png" alt="Email">
</a>
<a href="#!" class="d-inline-block">
<img src="/images/github.png" alt="Github">
</a>
<a href="https://www.linkedin.com/in/kavishka-kavindi-perera-64163725b/" target="_blank" class="d-inline-block">
<img src="/images/linkedin.png" alt="Linkedin">
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="profile-card bg-white shadow mb-4 text-center rounded-lg p-4 position-relative h-100">
<div class="profile-card_image pt-4">
<img src="/images/nipuni.jpg" alt="User" class="mb-4 shadow">
</div>
<div class="profile-card_details">
<h3 class="mb-2 mt-3">Nipuni Himasha</h3>
<p class="text-muted">Digital Marketing Analyst</p>
<p class="text-muted pt-4">As a Digital Marketing Analyst, I'm responsible for planning, executing, and managing this project's social media presence across multiple platforms.</p>
</div>
<div class="profile-card_social text-center p-4">
<a href="mailto:[email protected]" class="d-inline-block">
<img src="/images/email.png" alt="Email">
</a>
<a href="#!" class="d-inline-block">
<img src="/images/github.png" alt="Github">
</a>
<a href="https://www.linkedin.com/in/nipuni-jayawardane-49263625b/" target="_blank" class="d-inline-block">
<img src="/images/linkedin.png" alt="Linkedin">
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="profile-card bg-white shadow mb-4 text-center rounded-lg p-4 position-relative h-100">
<div class="profile-card_image pt-4">
<img src="/images/sandali.jpg" alt="User" class="mb-4 shadow">
</div>
<div class="profile-card_details">
<h3 class="mb-2 mt-3">Sandali Geenadi</h3>
<p class="text-muted">Research Analyst</p>
<p class="text-muted pt-4">As a researcher, I am skilled in gathering and analyzing data to inform the design and development of digital products</p>
</div>
<div class="profile-card_social text-center p-4">
<a href="mailto:[email protected]" class="d-inline-block">
<img src="/images/email.png" alt="Email">
</a>
<a href="#!" class="d-inline-block">
<img src="/images/github.png" alt="Github">
</a>
<a href="https://www.linkedin.com/in/sandali-geenadi-85962325b/" target="_blank" class="d-inline-block">
<img src="/images/linkedin.png" alt="Linkedin">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="title">
<h1>Contact us</h1>
</div>
<div class="para">
<p class="contact-para text-center text-muted">We are open for any suggestion or just to have a chat.</p>
</div>
<div class="contact-container">
<div class="contact-box">
<div class="left"></div>
<div class="right">
<h2>Get in touch</h2>
<form action="" method="post">
<input type="text" class="field" placeholder="Your Name" id="name" name="name" required>
<input type="text" class="field" placeholder="Your Email" id="email" name="email" required>
<input type="text" class="field" placeholder="Phone" id="phone" name="phone" required>
<textarea placeholder="Message" class="field" id="message" name="message" required></textarea>
<!-- <button class="send-btn">Send</button> -->
<input type="submit" class="send-btn" value="send" name="submit">
</form>
</div>
</div>
</div>
<?php
if(isset($_POST["name"]) && isset($_POST["email"]) && isset($_POST["phone"]) && isset($_POST["message"])) {
// Connect to the database
$servername = "localhost";
$username = "u756689048_damitha99";
$password = "Imdj2023";
$dbname = "u756689048_contactusdb";
$conn = mysqli_connect($servername, $username, $password, $dbname);
if (!$conn) {
die("Connection failed: " . mysqli_connect_error());
}
// Retrieve form data
$name = $_POST['name'];
$email = $_POST['email'];
$phone = $_POST['phone'];
$message = $_POST['message'];
// Validate the email address
if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
// die("Error: Invalid email address");
// Display an alert if the email is invalid
die("<script>alert('Error: Invalid email address');</script>");
}
// Validate the phone number
if (!preg_match("/^\d{10}$/", $phone)) {
// die("Error: Invalid phone number");
// Display an alert if the phone number is invalid
die("<script>alert('Error: Invalid phone number');</script>");
}
// Insert data into the database
$sql = "INSERT INTO visitors (name, email, phone, message)
VALUES ('$name', '$email', '$phone', '$message')";
if (mysqli_query($conn, $sql)) {
echo "<script>alert('Sent Successfully!');</script>";
} else {
echo "Error: " . $sql . "<br>" . mysqli_error($conn);
}
mysqli_close($conn);
}
?>
<!-- ------scroller to top -->
<a href="#top" class="to-top">
<i class="fas fa-chevron-up"></i>
</a>
<!-- custom js file link -->
<script src="js/allscript.js"></script>
</body>
</html>