diff --git a/Images/About Us (1).webp b/Images/About Us (1).webp new file mode 100644 index 0000000..7951416 Binary files /dev/null and b/Images/About Us (1).webp differ diff --git a/Images/WhatsApp Video 2022-12-25 at 5.17.17 PM.mp4 b/Images/WhatsApp Video 2022-12-25 at 5.17.17 PM.mp4 new file mode 100644 index 0000000..47d042a Binary files /dev/null and b/Images/WhatsApp Video 2022-12-25 at 5.17.17 PM.mp4 differ diff --git a/Images/abut_bg.jpg b/Images/abut_bg.jpg new file mode 100644 index 0000000..8cbb5c0 Binary files /dev/null and b/Images/abut_bg.jpg differ diff --git a/Images/banner.png b/Images/banner.png new file mode 100644 index 0000000..cb71183 Binary files /dev/null and b/Images/banner.png differ diff --git a/Images/blog-1.jpg b/Images/blog-1.jpg new file mode 100644 index 0000000..cf7a19d Binary files /dev/null and b/Images/blog-1.jpg differ diff --git a/Images/blog-2.jpg b/Images/blog-2.jpg new file mode 100644 index 0000000..25653af Binary files /dev/null and b/Images/blog-2.jpg differ diff --git a/Images/blog-3.jpg b/Images/blog-3.jpg new file mode 100644 index 0000000..b698859 Binary files /dev/null and b/Images/blog-3.jpg differ diff --git a/Images/blog-4.webp b/Images/blog-4.webp new file mode 100644 index 0000000..715da36 Binary files /dev/null and b/Images/blog-4.webp differ diff --git a/Images/contact-bg.jpg b/Images/contact-bg.jpg new file mode 100644 index 0000000..0e10b27 Binary files /dev/null and b/Images/contact-bg.jpg differ diff --git a/Images/facebook.png b/Images/facebook.png new file mode 100644 index 0000000..2fbe135 Binary files /dev/null and b/Images/facebook.png differ diff --git a/Images/github b.png b/Images/github b.png new file mode 100644 index 0000000..d2a496c Binary files /dev/null and b/Images/github b.png differ diff --git a/Images/instagram.png b/Images/instagram.png new file mode 100644 index 0000000..34ebe0f Binary files /dev/null and b/Images/instagram.png differ diff --git a/Images/nainital.jpg b/Images/nainital.jpg new file mode 100644 index 0000000..85f7c47 Binary files /dev/null and b/Images/nainital.jpg differ diff --git a/Images/twitter.png b/Images/twitter.png new file mode 100644 index 0000000..7b46b08 Binary files /dev/null and b/Images/twitter.png differ diff --git a/README.md b/README.md index e53fa1f..8a44193 100644 --- a/README.md +++ b/README.md @@ -1 +1,2 @@ -# Design-a-thon \ No newline at end of file +# Design-a-thon +Project link: \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..ba56a13 --- /dev/null +++ b/index.html @@ -0,0 +1,241 @@ + + + + + + + + Design-a-thon + + + + + + +
+
+ + + NITR Diaries + + + +
+
+ + + + + + + + + +
+

About Us

+ Welcome to the college travel stories website! This is a platform where students from our college can share + their travel + experiences and adventures with the community. Whether you're planning a trip or just want to be inspired by + others' + journeys, this is the place to be. + On this website, you'll find a wide range of travel stories written by our students. They cover a variety of + destinations, both domestic and international, and offer insights into different cultures, landscapes, and + experiences. + In addition to reading about others' travels, you can also contribute your own story to the website. Simply sign + up and + start writing about your adventures. You can include photos and videos to bring your story to life and share it + with the + rest of the college community. + Whether you're an avid traveler or just starting to plan your first trip, the college travel stories website is + a great + resource for inspiration and information. So start exploring and get inspired to plan your next adventure! + +
+ + + + + + +
+ +
+
+
+

Ladakh, Kashmir

+

Travel Diary Ladakh

+

I traveled to Ladakh with my friends and it was an incredible experience. The stunning landscapes + and cultural + experiences were unlike anything I had ever encountered before. We took a road trip through the + mountains, stopping at + various villages and monasteries along the way. The local people were warm and welcoming, and we + felt truly immersed in + their way of life. It was a trip that I will never forget, and I can't wait to go back and + explore more of this + beautiful region.

+
+
+ Satkosia Tiger Reserve +
+
+
+
+
+
+

Agra, Uttar Pradesh

+

Travel Diary Agra

+

I traveled to Agra with my friends and it was an unforgettable experience. We stayed in a + charming guesthouse near the + Taj Mahal and spent our days exploring the city and its many cultural attractions. We visited + the Agra Fort, a UNESCO + World Heritage Site, and marveled at its grandeur and beauty. We also sampled delicious local + food and shopped for + souvenirs at the vibrant markets. It was a wonderful trip filled with adventure and new + experiences, and I can't wait to + go back and explore more of this amazing city. +

+
+
+ Satkosia Tiger Reserve +
+
+
+
+
+
+

Manali, Himachal Pradesh +

+

Travel Diary Manali

+

I traveled to Manali with my friends and it was an amazing trip. The picturesque mountain town + was a perfect getaway and + we spent our days exploring the surrounding forests and valleys. We went trekking in the + Himalayas and were rewarded + with breathtaking views of snow-capped peaks and sparkling lakes. We also visited temples and + monasteries, and tried our + hand at white-water rafting. It was a trip filled with adventure and new experiences, and I am + so grateful to have + shared it with my friends. +

+
+
+ Satkosia Tiger Reserve +
+
+
+
+
+
+

Varanasi, Uttar Pradesh

+

Travel Diary Banaras +

+

I traveled to Banaras with my friends and it was a trip that I will never forget. The holy city + was filled with vibrant + energy and we spent our days exploring its many temples and ghats. We took a boat ride along the + Ganges River and + witnessed the evening aarti ceremony, which was a truly spiritual experience. We also sampled + delicious local cuisine + and shopped for souvenirs at the bustling markets. It was an enriching and memorable trip, and I + am grateful to have had + the opportunity to visit such a special place with my friends. +

+
+
+ Satkosia Tiger Reserve +
+
+ +
+
+ + + + + +
+
+

Contact me

+
+ + +
+
+ + +
+ + +
+
+ + + + + + +
+
+
+
+ + +
+ +
+ +
+ +
+
+
+
Subscribe to our newsletter
+

Monthly digest of whats new and exciting from us.

+
+ + + +
+
+
+
+ +
+
    +
    • +
    • +
    • +
    • +
+
+ +
+
+ + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..e69de29 diff --git a/style.css b/style.css new file mode 100644 index 0000000..dccc433 --- /dev/null +++ b/style.css @@ -0,0 +1,237 @@ +html { + scroll-behavior: smooth; +} + +body { + background-image: url("Images/contact-bg.jpg"); + background-color: #fff !important; + margin: 0; + padding: 0; + background-repeat: no-repeat; + background-size: cover; +} + +* { + font-family: Verdana, Geneva, Tahoma, sans-serif; + font-weight: lighter; +} + +/* -----------------------------------Header section starts------------------------------------------ */ + +.nav-link { + color: black !important; +} + +li :hover { + color: white !important; + background-color: black !important; + +} + +.container { + width: 100vw !important; + max-width: 100vw !important; + background-color: #fff; + padding: 0 40px 0 40px; + margin-left: 0px !important; + margin-right: 0px !important; + margin-bottom: 0px !important; + position: fixed; + z-index: 1; +} + +/* --------------------------------Header section ends-------------------------------------------- */ + +/* -----------------------------------Home section starts------------------------------------------ */ + +#home { + background-image: url("Images/banner.png"); + /* font-size: 1.5vw; */ + padding-top: 60px; + background-repeat: no-repeat; + background-size: cover; + text-align: center; + font-size: 1.5vw; + font-weight: 520; +} + +.video-container { + width: 100%; +} + +.video-section { + padding-left: 200px; +} + +/* -----------------------------------Home section ends------------------------------------------ */ + +/* -----------------------------------About section starts------------------------------------------ */ +#about h1 { + font-size: 2.5rem; + font-weight: bold; +} + +#about { + background-image: url("Images/abut_bg.jpg"); + background-repeat: no-repeat; + background-size: cover; + text-align: center; + font-size: 1.5vw; + font-weight: 520; + padding: 100px 40px; +} + +/* -----------------------------------About section end------------------------------------------ */ + + +/* -------------------------------------------------post--------------------------------------------- */ +.container1 { + max-width: 1200px; + width: 90%; + margin: auto; + box-shadow: 0px 5px 10px 0px #aaa; + margin-bottom: 50px; +} + +.satkosia { + padding: 20px 0px; + background: #f5f5f7; + opacity: 0.8; +} + +.satkosia-wrapper { + display: flex; + flex-direction: row-reverse; + flex-wrap: wrap; +} + +#satkosia h2 { + font-size: 2rem; +} + +#satkosia p { + font-size: 1rem; + color: #555; +} + +#satkosia .small { + font-size: 1rem; + color: #666; + font-weight: 1000; +} + +.satkosia-image { + flex: 1 1 400px; + padding: 30px; + box-shadow: 0px 5px 10px 0px #aaa; + margin: auto; +} + +.satkosia-text { + flex: 1 1 400px; + padding: 30px; + margin: auto; +} + +.satkosia-image img { + display: block; + height: 400px; + max-width: 100%; + margin: auto; + object-fit: cover; + object-position: right; +} + +.read { + display: flex; + margin: 0 auto; + + padding: 10px 10px; + border-radius: 10px; + border: 1px solid black; + color: white; + background-color: rgb(54, 54, 54); +} + +.read:hover { + cursor: pointer; + background-color: black; +} + +/* -------------------------------------------------post--------------------------------------------- */ + + + +/* -----------------------------------Contact section starts------------------------------------------ */ +#name, +#age, +#email, +#mobile, +#textarea { + width: 90%; + height: 30px; + border: 1px solid black; + border-radius: 5px; + padding: 5px; + margin-bottom: 10px; +} + +#textarea { + height: 200px; + resize: none; +} + +form { + Margin: 0 auto; + background-color: white; + opacity: 0.8; + max-width: 530px; + margin: 50px auto; + padding: 30px 40px; + box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.5); + border: solid 2px black; + border-radius: 15px; +} + +form h1 { + text-align: center; + font-size: 30px; + color: black; + margin-bottom: 20px; +} + +.r1, +.r2 { + display: flex; + flex-wrap: wrap; + gap: 10px 150px; +} +#contact{ + padding: 100px 40px; +} + +/* -----------------------------------Contact section ends------------------------------------------ */ + + + +/* ---------------------------------Footer---------------------------------------------- */ +#helloworld { + background-color: white !important; + margin: 0px !important; + padding: 40px; + padding-bottom: 10px; +} + +.ms-3 img{ + width: 30px; + height: 30px; + border-radius: 50%; + margin: 0px 10px; +} +.uuu img:hover{ + cursor: pointer; + transform: scale(1.2); + transition: 0.5s; + background-color: white !important;; +} +/* ---------------------------------Footer----------------------------------------------- */ \ No newline at end of file