-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit a66076f
Showing
29 changed files
with
763 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,68 @@ | ||
-- phpMyAdmin SQL Dump | ||
-- version 5.2.1 | ||
-- https://www.phpmyadmin.net/ | ||
-- | ||
-- Host: 127.0.0.1:3306 | ||
-- Generation Time: Aug 12, 2023 at 02:34 PM | ||
-- Server version: 10.4.28-MariaDB | ||
-- PHP Version: 8.2.4 | ||
|
||
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; | ||
START TRANSACTION; | ||
SET time_zone = "+00:00"; | ||
|
||
|
||
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; | ||
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; | ||
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; | ||
/*!40101 SET NAMES utf8mb4 */; | ||
|
||
-- | ||
-- Database: `adamspeak_db` | ||
-- | ||
|
||
-- -------------------------------------------------------- | ||
|
||
-- | ||
-- Table structure for table `hire` | ||
-- | ||
|
||
CREATE TABLE `hire` ( | ||
`id` int(11) NOT NULL, | ||
`name` varchar(255) NOT NULL, | ||
`email` varchar(255) NOT NULL, | ||
`phone` int(11) NOT NULL, | ||
`message` text NOT NULL | ||
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_general_ci; | ||
|
||
-- | ||
-- Dumping data for table `hire` | ||
-- | ||
|
||
INSERT INTO `hire` (`id`, `name`, `email`, `phone`, `message`) VALUES | ||
(1, 'Nafeez', 'Nafeez@gmail.com', 2147483647, 'nafeez'); | ||
|
||
-- | ||
-- Indexes for dumped tables | ||
-- | ||
|
||
-- | ||
-- Indexes for table `hire` | ||
-- | ||
ALTER TABLE `hire` | ||
ADD PRIMARY KEY (`id`); | ||
|
||
-- | ||
-- AUTO_INCREMENT for dumped tables | ||
-- | ||
|
||
-- | ||
-- AUTO_INCREMENT for table `hire` | ||
-- | ||
ALTER TABLE `hire` | ||
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2; | ||
COMMIT; | ||
|
||
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */; | ||
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */; | ||
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
copy the folder to xampp server's htdocs folder. | ||
import the adamspeak_db.sql to local server database | ||
run the adamspeak.html in local server | ||
|
||
// Database credentials | ||
$host = 'localhost'; | ||
$username = 'root'; | ||
$password = ''; | ||
$database = 'adamspeak_db'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,225 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Adam's Peak Portfolio</title> | ||
<link rel="stylesheet" href="styles.css" type="text/css"> | ||
</head> | ||
<body> | ||
|
||
<header> | ||
<div class="logo"> | ||
<img src="pics/logo.png" alt="Adam's Peak Logo"> | ||
</div> | ||
<nav> | ||
<ul> | ||
<li><a href="#about">About</a></li> | ||
<li><a href="#gallery">Gallery</a></li> | ||
<li><a href="#achievements">Achievements</a></li> | ||
<li><a href="#contact">Contact</a></li> | ||
</ul> | ||
</nav> | ||
</header> | ||
<div class="slider"> | ||
<div class="controls"> | ||
<div class="up"> | ||
<i class="fa fa-chevron-up"></i> | ||
</div> | ||
<div class="down"> | ||
<i class="fa fa-chevron-down"></i> | ||
</div> | ||
</div> | ||
|
||
<div class="wrapper"> | ||
<div class="left"> | ||
<div> | ||
<h2>Hiking to Adam’s Peak in the middle of the night</h2> | ||
<p> | ||
It is two o’clock in the morning | ||
and still a bit sleepy we climb the first of 5,500 steps. Yes, you read it correctly. | ||
All the way up to the top of Adam’s Peak are long staircases. Together with Canadians | ||
Dez and Emmy, we are doing this physical challenge. At first sight, it seems as we are | ||
the only ones hiking this trail, but after half an hour of walking, we also meet some | ||
other tourists. It’s a bit weird, walking with our torches in the middle of the night | ||
while all the temples are abandoned, shops closed and lights are out. | ||
</div> | ||
|
||
<div> | ||
<h2>The first hour is easy peasy, then it gets more challenging</h2> | ||
<p> | ||
The start of the hike is easy. | ||
We walk on flat parts and us ascent gradually on the stairs. But the further we go, the steeper | ||
the stairs become. Occasionally, we take a break to catch our breath. Along the way, we | ||
see poles that count down to the top. Pole 21 was the start and from pole 9 we only see | ||
steep stairs going up. The group we are walking with has grown in the meantime. We walk | ||
among 20 people of all different nationalities. It looks like a pilgrimage, but it really | ||
isn’t, the real pilgrimages only start in a week, at the first full moon of December. | ||
</p> | ||
</div> | ||
|
||
<div> | ||
<h2>Sunrise on Adam’s Peak</h2> | ||
<p> | ||
Slowly, it starts to get lighter. The sky changes from black | ||
to deep blue, dark purple, orange and then … nothing… Just before sunrise, we are | ||
suddenly caught in a thick fog bank. There is nothing to see anymore, no sun, no beautiful | ||
valley, nothing at all. I cannot believe this is happening right now. We skipped one night | ||
for this! One night of precious sleep! What a disappointment! | ||
</p> | ||
</div> | ||
|
||
<div> | ||
<h2>The tough descent from Adam’s Peak</h2> | ||
<p> | ||
When the sun shines brightly high in the sky, | ||
we begin to descend. It is still cold, but that will soon change. The lower we get, | ||
the hotter it is. The 5500 steps that we climbed up are perhaps even heavier to go | ||
down. Everyone has trembling leg muscles and cramped calves. I am happy with the | ||
walking stick I bought in Nepal, which takes a lot of pressure off my knees. | ||
</p> | ||
</div> | ||
|
||
<div> | ||
<h2>Don’t underestimate the cold!</h2> | ||
<p> | ||
What can make the climb of Adam’s Peak tough | ||
is the time you climb. With just a few hours of sleep or no sleep at all | ||
combined with the cold on the mountain, it can be physically challenging. | ||
We had definitly underestimated the cold when you reach the top. Since we | ||
had to wait a bit before sunrise, we all were shivering with cold at the top. | ||
At the starting point of the trail it was still 23 degrees, but 1000 meters higher | ||
the wind was blowing strong and it was no warmer than 5 degrees. Absolutely bring | ||
gloves, a hat and a thick jacket if you can! | ||
</p> | ||
</div> | ||
<div> | ||
<h2>Climbing Adam’s Peak difficult?</h2> | ||
<p> | ||
We found the climb to Adam’s Peak | ||
not very difficult. If you are in normal shape, this mountain is definitly doable. | ||
Of course, there are many stairs and you climb more than 1000 meters, but the stairs | ||
are reasonably well maintained. There are also poles that indicate which part of the | ||
hike you are on. These divide the hike into 21 equal parts, so you can estimate how | ||
far you are. Finally, there is a tea shop every few hundred meters where you can catch your breath. | ||
</p> | ||
</div> | ||
</div> | ||
<div class="right"> | ||
<div> | ||
<img src="pics/imgsc1.jpg" alt="Starting Ponit" /> | ||
</div> | ||
|
||
<div> | ||
<img src="pics/imgsc2.jpg" alt="Official Entrance" /> | ||
</div> | ||
|
||
<div> | ||
<img src="pics/imgsc3.jpg" alt="Ambalama" /> | ||
</div> | ||
|
||
<div> | ||
<img src="pics/imgsc4.jpg" alt="Sri Pada Viharaya" /> | ||
</div> | ||
|
||
<div> | ||
<img src="pics/imgsc5.png" alt="Seetha Ganga Cross" /> | ||
</div> | ||
<div> | ||
<img src="pics/imgsc6.webp" alt="Uda Maluwa" /> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<main> | ||
<section id="about"> | ||
<h1>Adam's Peak</h1> | ||
<p>Adam's Peak, also known as Sri Pada, is a magnificent mountain located in Sri Lanka. Rising to an elevation of 2,243 meters (7,359 feet), it is one of the country's most iconic landmarks and a site of great religious and cultural significance.</p> | ||
<p>The peak is revered by multiple religious groups, including Buddhists, Hindus, Christians, and Muslims. Each group has its own unique beliefs and legends associated with the mountain. Buddhists believe that the footprint-shaped impression at the summit is the footprint of Lord Buddha, while Hindus associate it with Lord Shiva. Christians and Muslims believe it to be the footprint of Adam, the first man.</p> | ||
<p>The journey to the summit of Adam's Peak is a spiritual pilgrimage for many devotees and a thrilling adventure for nature enthusiasts. The traditional pilgrimage season begins during the months of December to April when the weather is favorable. Pilgrims, numbering in the thousands, undertake the arduous climb to pay homage, seek blessings, and experience the breathtaking beauty of the surrounding landscapes.</p> | ||
<p>The ascent to the peak is via a well-marked trail consisting of over 5,000 steps, which meander through lush forests, misty valleys, and picturesque waterfalls. As the pilgrims ascend, they are captivated by the awe-inspiring views and the serene atmosphere. The final stretch of the climb is particularly enchanting, with pilgrims climbing steep steps illuminated by a chain of lights, creating a mesmerizing trail that ascends into the starry night.</p> | ||
<p>Reaching the summit at sunrise is a highly cherished moment, as it offers a spellbinding panoramic view of the surrounding mountains and valleys blanketed in mist. The golden hues of the rising sun cast a mystical glow over the landscape, creating a truly unforgettable experience.</p> | ||
<p>Aside from its religious and cultural significance, Adam's Peak is also home to a diverse range of flora and fauna, including many endemic species. The mountain and its surrounding forests are protected as a nature reserve, contributing to the conservation of this unique ecosystem.</p> | ||
<p>Adam's Peak is not only a spiritual destination but also a testament to the natural beauty and cultural heritage of Sri Lanka. It continues to inspire awe and wonder in those who undertake the pilgrimage or simply gaze upon its majestic presence, making it a cherished place for both locals and visitors from around the world.</p> | ||
</section> | ||
|
||
<!--<section id="galleryslide"> | ||
<h2>Gallery</h2> | ||
<div class="image-galleryslide"> | ||
<img src="pics/i1.jpg" alt="Adam's Peak Image slide 1"> | ||
<img src="pics/i2.jpg" alt="Adam's Peak Image slide 2"> | ||
<img src="pics/i3.jpg" alt="Adam's Peak Image slide 3"> | ||
<img src="pics/i4.jpg" alt="Adam's Peak Image slide 4"> | ||
<img src="pics/i5.jpg" alt="Adam's Peak Image slide 5"> | ||
<img src="pics/i6.jpg" alt="Adam's Peak Image slide 6"> | ||
</div> | ||
</section> --> | ||
|
||
<section id="gallery"> | ||
<h2>Gallery</h2> | ||
<div class="image-gallery"> | ||
<img src="pics/image1.jpg" alt="Adam's Peak Image 1"> | ||
<img src="pics/image2.jpg" alt="Adam's Peak Image 2"> | ||
<img src="pics/image3.jpg" alt="Adam's Peak Image 3"> | ||
<img src="pics/image4.jpg" alt="Adam's Peak Image 4"> | ||
<img src="pics/image5.jpg" alt="Adam's Peak Image 5"> | ||
<img src="pics/image6.jpg" alt="Adam's Peak Image 6"> | ||
</div> | ||
</section> | ||
|
||
<section id="achievements"> | ||
<h2>Achievements</h2> | ||
<ul> | ||
<li>Reached the summit of Adam's Peak 10 times</li> | ||
<li>Organized a charity hike to raise funds for local communities</li> | ||
<li>Published a book about the history and culture of Adam's Peak</li> | ||
</ul> | ||
</section> | ||
</main> | ||
|
||
<section class="Book Me to hike with you!" id="contact"> | ||
<div class="bd-container"> | ||
<h2 class="section-title" data-aos="fade-up">CONTACT</h2> | ||
<p class="section-subtitle" data-aos="fade-up">Want to Hire Me! Just Leave a message.</p> | ||
<div class="contact__container bd-grid"> | ||
<form onsubmit="return validateForm();" action="functions.php" class="contact__form" method="POST" data-aos="fade-up"> | ||
<input type="text" name="name" placeholder="Name" class="contact__input"> | ||
<input type="email" name="email" placeholder="Email" class="contact__input"> | ||
<input type="phone" name="phone" placeholder="phone" class="contact__input" maxlength="10"> | ||
|
||
<textarea name="message" id="" cols="0" rows="10" placeholder="Message" class="contact__input"></textarea> | ||
<input type="submit" name="submit" value="Submit" class="contact__button"> | ||
</form> | ||
</div> | ||
</div> | ||
</section> | ||
|
||
|
||
|
||
<section id="footer"> | ||
<footer> | ||
<section id="footer"> | ||
<div style=" display: flex; justify-content: space-between;"> | ||
<div> <h3>Related Links</h3> | ||
<ul> | ||
<li><a href="https://en.wikipedia.org/wiki/Adam%27s_Peak">Adam's Peak on Wikipedia</a></li> | ||
<li><a href="https://www.adamspeakcountryestate.com/">Adam's Peak Country Estate</a></li> | ||
<li><a href="https://www.instagram.com/explore/tags/adamspeak/">Adam's Peak on Instagram</a></li> | ||
</ul> | ||
</div> | ||
<div class="social-media-icons"> | ||
<a href="https://www.facebook.com"><img src="pics/facebook.png" alt="Facebook"></a> | ||
<a href="https://www.twitter.com"><img src="pics/twitter.png" alt="Twitter"></a> | ||
<a href="https://www.instagram.com"><img src="pics/instagram.png" alt="Instagram"></a> | ||
<p>Contact: adamspeak@srilanka.com</p> | ||
</section> | ||
</footer> | ||
<script src="animations.js"></script> | ||
|
||
|
||
|
||
|
||
|
||
|
||
</body> | ||
</html> |
Oops, something went wrong.