diff --git a/Satyam_Gupta/Sign up.html b/Satyam_Gupta/Sign up.html new file mode 100644 index 0000000..9289d0b --- /dev/null +++ b/Satyam_Gupta/Sign up.html @@ -0,0 +1,55 @@ + + + + + + + + + Sign Up + + +
+ +

Sign Up

+


+
+

E-mail

+ + + +

Password

+ + + +

Re-enter Password

+ +
+
+ + +
+ +

Already have an account? + Log In

+
+ + Sign-In With + + + + +
+
+

+ +
+ + + \ No newline at end of file diff --git a/Satyam_Gupta/about-us-style.css b/Satyam_Gupta/about-us-style.css new file mode 100644 index 0000000..06e6d96 --- /dev/null +++ b/Satyam_Gupta/about-us-style.css @@ -0,0 +1,317 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + } + @media screen and (max-width: 400px){ + html{ + font-size: 6px; + } + + } + @media screen and (min-width: 400px) and (max-width:576px){ + html{ + font-size: 7px; + } + + + } + @media screen and (min-width: 576px) and (max-width:768px){ + html{ + font-size: 10px; + } + +} +@media screen and (min-width: 768px) and (max-width:992px){ + html{ + font-size: 11px; + } + +} +@media screen and (min-width: 992px) and (max-width:1200px){ + html{ + font-size: 14px; + } + +} + @media screen and (min-width: 1200px) and (max-width:1400px){ + html{ + font-size: 15px; + } + +} + @media screen and (min-width: 1400px){ + html{ + font-size: 16px; + } + +} + +body{ + + width: 100%; + /* background-image: linear-gradient(to bottom, rgb(30, 41, 43), rgba(79, 88, 88, 0)); */ + position: relative; + /* background-color: antiquewhite; */ + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; +} + +/* img{ + cursor: pointer; +} */ +button{ + cursor: pointer; +} + +.first-container{ + display:block; + +} +.logo-image{ + width: 2.5rem; + height: auto; + border-radius: 30%; + cursor: pointer; +} +.name{ + color: white; + padding-left: 1px; + font-size: 2.5rem; +} + +.nav-bar{ + width: 100%; + height: 5.33rem; + position: fixed; + top: 0; + left: 0; + padding: 0 4%; + background-color: #212529; + z-index: 6; + display: flex; + align-items: center; +} +.right-con{ + display: block; + margin-left: auto; + text-decoration: none; + margin-right: 2%; + +} +.home{ + text-decoration: none; + color: white; +} +.about-gantavyaa{ +position: relative; +top: 9rem; + +text-align: center; +/* left: 42%; */ +} +.section-1{ + font-size: 2rem; +} +.about{ + font-size: 1.3rem; + color: #181819; +} +#subject-line{ + color: red; +} +.section-2{ + position: relative; + top: 13rem; + text-align: center; +} +.world-image{ + + + width: 70%; + height: 21rem; +} +.section-3{ + position: relative; + text-align: center; + top: 20rem; + justify-content: center; +} +.lines{ +font-size: 1.8rem; +}.section-4{ + /* margin-left: 2rem; */ + padding-left: 2rem; + position: relative; + top: 27rem; ; +} +.feature{ + font-size: 1.5rem; +} +.feature-con{ + font-size: 1.8rem; + padding-left: 20%; +} +.globali{ + /* left: 50%; */ + padding-left: 20%; + width: 117%; + height: 20rem; + position: relative; +} +.relible{ + left: 0rem; + padding-left: 2rem; + width: 49%; + height: 20rem; + position: relative; +} +.feature-cont{ + font-size: 1.8rem; + margin-left: 2rem; + position: absolute; + padding-left: 70%; + top: 30rem; +} +.section-5{ + /* margin-left: 2rem; */ + padding-left: 2rem; + position: relative; + top: 27rem; + background-color: brown; +} +.team{ + position: relative; + /* top: 30rem; */ + text-align: center; + font-size: 2.8rem; + color: rgb(218, 218, 218); + justify-content: center; +} +.line-1{ +display: flex; +position: relative; + +justify-content: center; +padding-top: 4rem; +/* background-color: brown; */ +} + .founder-1{ + width: 25rem; + height: auto; + + + } + .founder-2{ + width: 25rem; + height: auto; + + } + .founder-img-1{ + /* left: 50%; */ + /* padding-left: 50%; */ + padding-right: 1rem; + width: 100%; + height: 20rem; + position: relative; + z-index: 5; + box-shadow: 0 5px 5px 0 rgb(57, 55, 55); +} +.founder-img-2{ + /* padding-left: 50%; */ + width: 100%; + height: 20rem; + position: relative; + z-index: 5; + box-shadow: 0 5px 5px 0 rgb(57, 55, 55); +} +.founder-name{ +text-decoration: none; +font-size: 1.8rem; +position: relative; +padding-left: 23%; +} +.post{ + padding-left: 28%; +} + + +.foot{ + position: relative; + bottom: -36rem; + margin-bottom: 0rem; + display: block; + height: 15rem; + width: 100%; + background-color: black; + padding-bottom: 4rem; + } + + .con-1{ + display:block; + height: 100%; + width: 15%; + padding-left: 3rem; + float: left; + left: 1rem; + margin-top:3rem; + } + .con-2{ + display: block; + float: left; + width: 15%; + margin-left: 0; + left: 1rem; + margin-top:3rem; + } + .con-3{ + display: block; + float: left; + width: 20%; + margin-left: 0; + left: 2rem; + margin-top:3rem; + } + .con-4{ + display: block; + float: left; + width: 25%; + margin-left: 0; + left: 2rem; + margin-top:3rem; + } + + .con-5{ + display: block; + + float: left; + width: auto; + margin-left: 0; + left: 2rem; + margin-top:3rem; + + } + .head-1{ + color: white; + } + .anc{ + color: #bbb; + text-decoration: none; + margin-right: .5rem; + } + .insta{ + width: 2rem; + cursor: pointer; + } + .facebook{ + margin-left: -.8rem; + height: 2.2rem; + cursor: pointer; + } + + .copyright{ + color: white; + margin-top: .5rem; + } + .adv{ + display: flex; + } \ No newline at end of file diff --git a/Satyam_Gupta/about-us.html b/Satyam_Gupta/about-us.html new file mode 100644 index 0000000..9c7e291 --- /dev/null +++ b/Satyam_Gupta/about-us.html @@ -0,0 +1,152 @@ + + + + + + + + + About us + + +
+ +
+
+

About GANTAVYAa

+

Ek Trip ho Jaye...😀

+
+

India's favourite trip planning website.

+
+ +
+ +
+
+

+ It is always very difficult and confusing to plan a Trip +

+
+

+ 

  No need to worry GANTAVYAa is here to plan this for you There are a lot of 
+            question while planningfor a trip
+

+
+
+

Features Of GANTAVYAa

+


+ +
Globaly
+ + 
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
+                Ipsam veritatis iusto dolorum placeat tempore alias illum
+                 nam animi ratione voluptate.
+ + +
+
+
+ + +


+
Relible
+ +
+
+
+
Adventarus
+ + 
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
+             Ipsam veritatis iusto dolorum placeat tempore alias illum
+              nam animi ratione voluptate.
+ + + +
+ +
+

Our Leader

+
+
+ +
SATYAM GUPTA
+
CO-Founder & C.E.O.
+
+
+
+
+
+ +
SATYAM GUPTA
+
CO-Founder & M.D.
+
+
+
+
+ +
+
+ + + + + \ No newline at end of file diff --git a/Satyam_Gupta/contact-us.html b/Satyam_Gupta/contact-us.html new file mode 100644 index 0000000..485dcd8 --- /dev/null +++ b/Satyam_Gupta/contact-us.html @@ -0,0 +1,92 @@ + + + + + + + + + Contact Us + + +
+ + + +
+
+

Let’s get in touch.

+
+

Contact Number

+
+
Founder
+

+91 9336986907

+ + + + + + + + + +
+
M.D.
+

xxxxxxxxxxx

+
+
C.E.O
+

xxxxxxxxxxx

+
+
Hiring Manager
+

xxxxxxxxxxx

+
+
H.R.
+

xxxxxxxxxxx

+
+
+ +

Contact US

+
+

Please fill out the form below, and we'll contact you shortly.

+
+
+ + + +
+
+ + +
+
+ + +
+
+

+ +
+ + + \ No newline at end of file diff --git a/Satyam_Gupta/images/Facebook-logo.png b/Satyam_Gupta/images/Facebook-logo.png new file mode 100644 index 0000000..ea74308 Binary files /dev/null and b/Satyam_Gupta/images/Facebook-logo.png differ diff --git a/Satyam_Gupta/images/Indonesia.jpg b/Satyam_Gupta/images/Indonesia.jpg new file mode 100644 index 0000000..7f9663b Binary files /dev/null and b/Satyam_Gupta/images/Indonesia.jpg differ diff --git a/Satyam_Gupta/images/Jim Corbett National Park 3 (1).jpg b/Satyam_Gupta/images/Jim Corbett National Park 3 (1).jpg new file mode 100644 index 0000000..41f35ef Binary files /dev/null and b/Satyam_Gupta/images/Jim Corbett National Park 3 (1).jpg differ diff --git a/Satyam_Gupta/images/Jungle.jpg b/Satyam_Gupta/images/Jungle.jpg new file mode 100644 index 0000000..abeb187 Binary files /dev/null and b/Satyam_Gupta/images/Jungle.jpg differ diff --git a/Satyam_Gupta/images/MG_2256.webp b/Satyam_Gupta/images/MG_2256.webp new file mode 100644 index 0000000..21e1d98 Binary files /dev/null and b/Satyam_Gupta/images/MG_2256.webp differ diff --git a/Satyam_Gupta/images/Murudeshwar.jpg b/Satyam_Gupta/images/Murudeshwar.jpg new file mode 100644 index 0000000..c8622d1 Binary files /dev/null and b/Satyam_Gupta/images/Murudeshwar.jpg differ diff --git a/Satyam_Gupta/images/R.jpg b/Satyam_Gupta/images/R.jpg new file mode 100644 index 0000000..35146fa Binary files /dev/null and b/Satyam_Gupta/images/R.jpg differ diff --git a/Satyam_Gupta/images/Radisson-Blu-Temple-Bay-Mammalapuram.jpeg b/Satyam_Gupta/images/Radisson-Blu-Temple-Bay-Mammalapuram.jpeg new file mode 100644 index 0000000..50dca81 Binary files /dev/null and b/Satyam_Gupta/images/Radisson-Blu-Temple-Bay-Mammalapuram.jpeg differ diff --git a/Satyam_Gupta/images/Seven-Sisters-1.jpg b/Satyam_Gupta/images/Seven-Sisters-1.jpg new file mode 100644 index 0000000..8430d47 Binary files /dev/null and b/Satyam_Gupta/images/Seven-Sisters-1.jpg differ diff --git a/Satyam_Gupta/images/adventure-tourism.jpg b/Satyam_Gupta/images/adventure-tourism.jpg new file mode 100644 index 0000000..f0d6738 Binary files /dev/null and b/Satyam_Gupta/images/adventure-tourism.jpg differ diff --git a/Satyam_Gupta/images/archetecture.jpg b/Satyam_Gupta/images/archetecture.jpg new file mode 100644 index 0000000..89c9e3f Binary files /dev/null and b/Satyam_Gupta/images/archetecture.jpg differ diff --git a/Satyam_Gupta/images/arising sun.jpg b/Satyam_Gupta/images/arising sun.jpg new file mode 100644 index 0000000..3ed3ab9 Binary files /dev/null and b/Satyam_Gupta/images/arising sun.jpg differ diff --git a/Satyam_Gupta/images/arunanchal.jpg b/Satyam_Gupta/images/arunanchal.jpg new file mode 100644 index 0000000..a1e3ef6 Binary files /dev/null and b/Satyam_Gupta/images/arunanchal.jpg differ diff --git a/Satyam_Gupta/images/assam.jpg b/Satyam_Gupta/images/assam.jpg new file mode 100644 index 0000000..b3f45b6 Binary files /dev/null and b/Satyam_Gupta/images/assam.jpg differ diff --git a/Satyam_Gupta/images/av.png b/Satyam_Gupta/images/av.png new file mode 100644 index 0000000..fb06e6a Binary files /dev/null and b/Satyam_Gupta/images/av.png differ diff --git a/Satyam_Gupta/images/av.webp b/Satyam_Gupta/images/av.webp new file mode 100644 index 0000000..89a0ab0 Binary files /dev/null and b/Satyam_Gupta/images/av.webp differ diff --git a/Satyam_Gupta/images/beach.jpg b/Satyam_Gupta/images/beach.jpg new file mode 100644 index 0000000..119437f Binary files /dev/null and b/Satyam_Gupta/images/beach.jpg differ diff --git a/Satyam_Gupta/images/blue-hands-with-hearts-charity-background_23-2147558356.jpg b/Satyam_Gupta/images/blue-hands-with-hearts-charity-background_23-2147558356.jpg new file mode 100644 index 0000000..e2d48c1 Binary files /dev/null and b/Satyam_Gupta/images/blue-hands-with-hearts-charity-background_23-2147558356.jpg differ diff --git a/Satyam_Gupta/images/dubai.gif b/Satyam_Gupta/images/dubai.gif new file mode 100644 index 0000000..6532bf0 Binary files /dev/null and b/Satyam_Gupta/images/dubai.gif differ diff --git a/Satyam_Gupta/images/final-logo-1.png b/Satyam_Gupta/images/final-logo-1.png new file mode 100644 index 0000000..d2bc5aa Binary files /dev/null and b/Satyam_Gupta/images/final-logo-1.png differ diff --git a/Satyam_Gupta/images/founder-2.jpg b/Satyam_Gupta/images/founder-2.jpg new file mode 100644 index 0000000..bba5a07 Binary files /dev/null and b/Satyam_Gupta/images/founder-2.jpg differ diff --git a/Satyam_Gupta/images/founder.jpeg b/Satyam_Gupta/images/founder.jpeg new file mode 100644 index 0000000..dff082a Binary files /dev/null and b/Satyam_Gupta/images/founder.jpeg differ diff --git a/Satyam_Gupta/images/globali.jpg b/Satyam_Gupta/images/globali.jpg new file mode 100644 index 0000000..500ad62 Binary files /dev/null and b/Satyam_Gupta/images/globali.jpg differ diff --git a/Satyam_Gupta/images/globe-photo.jpg b/Satyam_Gupta/images/globe-photo.jpg new file mode 100644 index 0000000..a59551b Binary files /dev/null and b/Satyam_Gupta/images/globe-photo.jpg differ diff --git a/Satyam_Gupta/images/goa-2.jpg b/Satyam_Gupta/images/goa-2.jpg new file mode 100644 index 0000000..f11007b Binary files /dev/null and b/Satyam_Gupta/images/goa-2.jpg differ diff --git a/Satyam_Gupta/images/goa-3.jpg b/Satyam_Gupta/images/goa-3.jpg new file mode 100644 index 0000000..22bdc18 Binary files /dev/null and b/Satyam_Gupta/images/goa-3.jpg differ diff --git a/Satyam_Gupta/images/goa.jpeg b/Satyam_Gupta/images/goa.jpeg new file mode 100644 index 0000000..ed79ade Binary files /dev/null and b/Satyam_Gupta/images/goa.jpeg differ diff --git a/Satyam_Gupta/images/hawa mahal.jpeg b/Satyam_Gupta/images/hawa mahal.jpeg new file mode 100644 index 0000000..99c1714 Binary files /dev/null and b/Satyam_Gupta/images/hawa mahal.jpeg differ diff --git a/Satyam_Gupta/images/hill station.jpg b/Satyam_Gupta/images/hill station.jpg new file mode 100644 index 0000000..248f5d7 Binary files /dev/null and b/Satyam_Gupta/images/hill station.jpg differ diff --git a/Satyam_Gupta/images/hiran.jpg b/Satyam_Gupta/images/hiran.jpg new file mode 100644 index 0000000..da53aa8 Binary files /dev/null and b/Satyam_Gupta/images/hiran.jpg differ diff --git a/Satyam_Gupta/images/honeymoon.jpg b/Satyam_Gupta/images/honeymoon.jpg new file mode 100644 index 0000000..b2d5c68 Binary files /dev/null and b/Satyam_Gupta/images/honeymoon.jpg differ diff --git a/Satyam_Gupta/images/insta.png b/Satyam_Gupta/images/insta.png new file mode 100644 index 0000000..fbea263 Binary files /dev/null and b/Satyam_Gupta/images/insta.png differ diff --git a/Satyam_Gupta/images/jammu.png b/Satyam_Gupta/images/jammu.png new file mode 100644 index 0000000..7dd3a60 Binary files /dev/null and b/Satyam_Gupta/images/jammu.png differ diff --git a/Satyam_Gupta/images/kashmir.jpg b/Satyam_Gupta/images/kashmir.jpg new file mode 100644 index 0000000..c31668e Binary files /dev/null and b/Satyam_Gupta/images/kashmir.jpg differ diff --git a/Satyam_Gupta/images/kodaikanal.jpg b/Satyam_Gupta/images/kodaikanal.jpg new file mode 100644 index 0000000..8718f31 Binary files /dev/null and b/Satyam_Gupta/images/kodaikanal.jpg differ diff --git a/Satyam_Gupta/images/ladakh.jpeg b/Satyam_Gupta/images/ladakh.jpeg new file mode 100644 index 0000000..aaf1492 Binary files /dev/null and b/Satyam_Gupta/images/ladakh.jpeg differ diff --git a/Satyam_Gupta/images/lal qila.jpg b/Satyam_Gupta/images/lal qila.jpg new file mode 100644 index 0000000..21e36bf Binary files /dev/null and b/Satyam_Gupta/images/lal qila.jpg differ diff --git a/Satyam_Gupta/images/linkedin.png b/Satyam_Gupta/images/linkedin.png new file mode 100644 index 0000000..3fbdd62 Binary files /dev/null and b/Satyam_Gupta/images/linkedin.png differ diff --git a/Satyam_Gupta/images/logo_1.1.png b/Satyam_Gupta/images/logo_1.1.png new file mode 100644 index 0000000..176b099 Binary files /dev/null and b/Satyam_Gupta/images/logo_1.1.png differ diff --git a/Satyam_Gupta/images/logo_1.png b/Satyam_Gupta/images/logo_1.png new file mode 100644 index 0000000..b08d198 Binary files /dev/null and b/Satyam_Gupta/images/logo_1.png differ diff --git a/Satyam_Gupta/images/mail 1.png b/Satyam_Gupta/images/mail 1.png new file mode 100644 index 0000000..b3e2994 Binary files /dev/null and b/Satyam_Gupta/images/mail 1.png differ diff --git a/Satyam_Gupta/images/maldeeps.jpg b/Satyam_Gupta/images/maldeeps.jpg new file mode 100644 index 0000000..0c50c9b Binary files /dev/null and b/Satyam_Gupta/images/maldeeps.jpg differ diff --git a/Satyam_Gupta/images/rail.jpg b/Satyam_Gupta/images/rail.jpg new file mode 100644 index 0000000..aa61d2a Binary files /dev/null and b/Satyam_Gupta/images/rail.jpg differ diff --git a/Satyam_Gupta/images/ram mandir.jpg b/Satyam_Gupta/images/ram mandir.jpg new file mode 100644 index 0000000..ef4a8ba Binary files /dev/null and b/Satyam_Gupta/images/ram mandir.jpg differ diff --git a/Satyam_Gupta/images/relibe.jpeg b/Satyam_Gupta/images/relibe.jpeg new file mode 100644 index 0000000..b7e37df Binary files /dev/null and b/Satyam_Gupta/images/relibe.jpeg differ diff --git a/Satyam_Gupta/images/ruupkund uttrakhand.webp b/Satyam_Gupta/images/ruupkund uttrakhand.webp new file mode 100644 index 0000000..5950f90 Binary files /dev/null and b/Satyam_Gupta/images/ruupkund uttrakhand.webp differ diff --git a/Satyam_Gupta/images/seyleches.jpg b/Satyam_Gupta/images/seyleches.jpg new file mode 100644 index 0000000..6f7c41e Binary files /dev/null and b/Satyam_Gupta/images/seyleches.jpg differ diff --git a/Satyam_Gupta/images/shimla.jpg b/Satyam_Gupta/images/shimla.jpg new file mode 100644 index 0000000..57b80eb Binary files /dev/null and b/Satyam_Gupta/images/shimla.jpg differ diff --git a/Satyam_Gupta/images/singapore.jpg b/Satyam_Gupta/images/singapore.jpg new file mode 100644 index 0000000..435c086 Binary files /dev/null and b/Satyam_Gupta/images/singapore.jpg differ diff --git a/Satyam_Gupta/images/sunglasses emogi.png b/Satyam_Gupta/images/sunglasses emogi.png new file mode 100644 index 0000000..d576af3 Binary files /dev/null and b/Satyam_Gupta/images/sunglasses emogi.png differ diff --git a/Satyam_Gupta/images/taj mahal.jpg b/Satyam_Gupta/images/taj mahal.jpg new file mode 100644 index 0000000..5fb1fb1 Binary files /dev/null and b/Satyam_Gupta/images/taj mahal.jpg differ diff --git a/Satyam_Gupta/images/tajo.jpg b/Satyam_Gupta/images/tajo.jpg new file mode 100644 index 0000000..469a247 Binary files /dev/null and b/Satyam_Gupta/images/tajo.jpg differ diff --git a/Satyam_Gupta/images/thiland.jpg b/Satyam_Gupta/images/thiland.jpg new file mode 100644 index 0000000..b791be0 Binary files /dev/null and b/Satyam_Gupta/images/thiland.jpg differ diff --git a/Satyam_Gupta/images/twit.png b/Satyam_Gupta/images/twit.png new file mode 100644 index 0000000..ec84b19 Binary files /dev/null and b/Satyam_Gupta/images/twit.png differ diff --git a/Satyam_Gupta/images/uttrakhand.jpg b/Satyam_Gupta/images/uttrakhand.jpg new file mode 100644 index 0000000..6209f4b Binary files /dev/null and b/Satyam_Gupta/images/uttrakhand.jpg differ diff --git a/Satyam_Gupta/images/vanaras.jpeg b/Satyam_Gupta/images/vanaras.jpeg new file mode 100644 index 0000000..d035771 Binary files /dev/null and b/Satyam_Gupta/images/vanaras.jpeg differ diff --git a/Satyam_Gupta/images/vrindavan.webp b/Satyam_Gupta/images/vrindavan.webp new file mode 100644 index 0000000..4a18d4e Binary files /dev/null and b/Satyam_Gupta/images/vrindavan.webp differ diff --git a/Satyam_Gupta/images/world-map.jpg b/Satyam_Gupta/images/world-map.jpg new file mode 100644 index 0000000..7c7d8c5 Binary files /dev/null and b/Satyam_Gupta/images/world-map.jpg differ diff --git a/Satyam_Gupta/index.html b/Satyam_Gupta/index.html new file mode 100644 index 0000000..1c0e28f --- /dev/null +++ b/Satyam_Gupta/index.html @@ -0,0 +1,508 @@ + + + + + + + + + + + Home + + + +
+
+ +
+ + +
+ +
+ Travel Agent + +
+ + +
+ +
+
+ +
+
+

Nature

+

Everything in nature invites us constantly to be what we are.” + “Heaven is under our feet as well as over + our heads.”

+ +
+ nature + +
+ +
+
+

Adventure

+

Exploring the Natural Beauty of Arunachal Pradesh The + Majestic Himalayas and Its Snow-Capped Peaks ....

+ +
+ nature +
+ +
+
+

Jungle Safari

+

India has a privilege to home a wide variety of natural flora and fauna. + It's the home of one of the most majestic animals to walk on the face of this earth " TIGER " +

+ +
+ nature +
+ +
+
+

Arunachal Pradesh

+

Beauty of Arunachal Pradesh Tourism: A Tourist’s Paradise-Exploring the + Natural Beauty of Arunachal Pradesh The Majestic Himalayas and Its Snow-Capped Peaks ...

+ +
+ nature +
+ +
+
+

Seven Sisters

+

Northeast India, known for its mesmerising beauty consists of seven + states known as "Seven Sisters of India",excellent + choice for nature lovers to explore the untouched beauty.

+ +
+ nature +
+ + + +
+
+ + + + + +
+
+
+

Ek Trip ho Jaye...😀

+
+
+

Must Explore

+
+ +
+ +
+ +
+ taj + +
+
Nature
+
+
+ +
+ taj +
+
Religious
+
+
+ + +
+ taj +
+
Heritage
+
+
+ +
+ taj +
+
Jungle
+
+
+ +
+ taj +
+
Hill Station
+
+
+ +
+ taj +
+
Adventure
+
+
+ +
+
+

According to Place

+
+ +
+ +
+ +
+ taj + +
+
Taj Mahal
+
+
+ +
+ taj +
+
Kalka-simla rail
+
+
+ + +
+ taj +
+
Ram Mandir
+
+
+ + +
+ taj +
+
Goa
+
+
+ + + +
+ taj +
+
Lal quila Delhi
+
+
+ + +
+ + + + + +

+
+

According to Compony

+
+
+ +
+ +
+ taj +
+
With Friends
+
+
+ +
+ taj +
+
With Life Partner
+
+
+ +
+ taj +
+
For chill
+
+
+ +
+ taj +
+
With Family
+
+
+ + + + +
+ +

+
+

According to Country

+
+
+ +
+ +
+ taj +
+
Thiland
+
+
+ +
+ taj +
+
Singapore
+
+
+ +
+ taj +
+
Maldeeps
+
+
+ +
+ taj +
+
Seyleches
+
+
+ + + +
+ taj +
+
The Netherlands
+
+
+
+ taj +
+
Dubai
+
+
+
+ taj +
+
Indonesia
+
+
+
+ +

+
+

According to State

+
+
+ +
+ +
+ taj +
+
Jammu
+
+
+ +
+ taj +
+
Ladakh
+
+
+ +
+ taj +
+
kashmir
+
+
+ +
+ taj +
+
Aruranchal
+
+
+ +
+ taj +
+
uttrakhand
+
+
+ +
+ taj +
+
Assam
+
+
+ + + +
+ taj +
+
Sikkim
+
+
+
+ +
+
+

+

+ + + + + \ No newline at end of file diff --git a/Satyam_Gupta/index.js b/Satyam_Gupta/index.js new file mode 100644 index 0000000..fddc340 --- /dev/null +++ b/Satyam_Gupta/index.js @@ -0,0 +1,81 @@ +let id + +let slideIndex = 1; +showSlides(slideIndex); +setInterval(plusSlides, 4000,1); +function plusSlides(n) { + + slideIndex += n; + console.log(slideIndex); + + + showSlides(slideIndex); +} + +function currentSlide(n) { + showSlides(slideIndex = n); +} + + +function showSlides(n) { + let i; + let slides = document.getElementsByClassName("slider"); + let dots = document.getElementsByClassName("dot"); + if (n > slides.length) {slideIndex = 1} + if (n < 1) {slideIndex = slides.length} + for (i = 0; i < slides.length; i++) { + slides[i].style.display = "none"; + } + +if (slideIndex > slides.length) {slideIndex = 1} + for (i = 0; i < dots.length; i++) { + dots[i].className = dots[i].className.replace(" active", ""); + + } + slides[slideIndex-1].style.display = "block"; + dots[slideIndex-1].className += " active"; + + + +} + +document.getElementById("sidebar").onclick=open; +document.getElementById("hide-sidebar").onclick=close; + +function open() { +document.getElementById("mySidebar").style.display = "block"; +} + +function close() { +document.getElementById("mySidebar").style.display = "none"; +} + +let c=3; +let d=3; + +document.getElementById("a").onclick=dropdown; +function dropdown(){ + if(c%2==1){ + document.getElementById("dropdown-contentt").style.display="block"; + c++; + } + else{ + document.getElementById("dropdown-contentt").style.display="none"; + c++; + } +} + +document.getElementById("as").onclick=dropdownn; +function dropdownn(){ + if(d%2==1){ + document.getElementById("dropdown-contenttt").style.display="block"; + d++ + } + else{ + document.getElementById("dropdown-contenttt").style.display="none"; + d++ + } +} + + + diff --git a/Satyam_Gupta/log.html b/Satyam_Gupta/log.html new file mode 100644 index 0000000..29765b3 --- /dev/null +++ b/Satyam_Gupta/log.html @@ -0,0 +1,38 @@ + + + + + + + + + Log-in + + +

Gantavya

+

Good to see you again

+
+
+
+
+

E-mail

+ +

+

Password

+ +

+ +
+
+
+ Forgot Password + + + Don't have a account? +
+


+
+
+
+ + \ No newline at end of file diff --git a/Satyam_Gupta/login.css b/Satyam_Gupta/login.css new file mode 100644 index 0000000..8acddc1 --- /dev/null +++ b/Satyam_Gupta/login.css @@ -0,0 +1,74 @@ +body{ + margin: 0; + padding: 0; + background-color: none; + background-image: url("img/lk.png"); + background-repeat: no-repeat; + background-size: 100%; +} +.head{ + align-items: center; + position: relative; + text-align: center; + color: rgb(0, 0, 0); + font-size: 2.5rem; +} +body h3{ + text-align: center; + align-items: center; + position: relative; + color: rgb(0, 0, 0); + font-size: 1.5rem; +} + +.log{ + width: 40%; + font-size: 120%; + background-color: rgb(255, 255, 255); + align-items: center; + position: relative; + margin-left: 30%; + opacity: .9; + border-radius: 5%; + box-shadow: 3px 3px 3px 3px rgb(105, 108, 109); +} +.con-1{ + margin-left: 5%; +} +#log-in{ + align-items: center; + margin-left: 10%; + border-radius: 3.5rem; + border: none; + width: 75%; + padding: 2%; + color: rgb(255, 255, 255); + background-color: rgb(0, 150, 58); + +} +#log-in:hover{ + background-color: rgb(30, 142, 73); +} +.sign-up{ + display: flex; +} +.sign{ + margin-left: 17%; + font-size: 85%; + color: rgb(0, 120, 225); +} +.forgot{ + margin-left: 10%; + font-size: 85%; + color: rgb(0, 136, 255); +} +p{ + margin-top: 0; + margin-bottom: 1%; +} +.username-box{ + width: 94%; +} +.pass{ + width: 94%; +} \ No newline at end of file diff --git a/Satyam_Gupta/sign up.css b/Satyam_Gupta/sign up.css new file mode 100644 index 0000000..343b213 --- /dev/null +++ b/Satyam_Gupta/sign up.css @@ -0,0 +1,239 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + } + @media screen and (max-width: 400px){ + html{ + font-size: 4px; + } + body{ + width: 100%; + + background-image: linear-gradient(to bottom, rgb(104, 120, 122), rgba(7, 11, 11, 0)); + position: relative; + + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; +} + } + @media screen and (min-width: 400px) and (max-width:576px){ + html{ + font-size: 9px; + } + body{ + width: 100%; + height: 70rem; + /* background-color: rgb(248, 243, 243); */ + background-image: linear-gradient(to bottom, rgb(104, 120, 122), rgba(7, 11, 11, 0)); + position: relative; + /* background-color: antiquewhite; */ + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; + } +} +@media screen and (min-width: 576px) and (max-width:768px){ + html{ + font-size: 9px; + } + body{ + width: 100%; + height: 70rem; + /* background-color: rgb(248, 243, 243); */ + background-image: linear-gradient(to bottom, rgb(104, 120, 122), rgba(7, 11, 11, 0)); + position: relative; + /* background-color: antiquewhite; */ + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; + } +} +@media screen and (min-width: 768px) and (max-width:992px){ + html{ + font-size: 9px; + } + body{ + width: 100%; + height: 70rem; + /* background-color: rgb(248, 243, 243); */ + background-image: linear-gradient(to bottom, rgb(104, 120, 122), rgba(7, 11, 11, 0)); + position: relative; + /* background-color: antiquewhite; */ + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; + } +} +@media screen and (min-width: 992px) and (max-width:1200px){ + html{ + font-size: 9px; + } + body{ + width: 100%; + height: 70rem; + /* background-color: rgb(248, 243, 243); */ + background-image: linear-gradient(to bottom, rgb(104, 120, 122), rgba(7, 11, 11, 0)); + position: relative; + /* background-color: antiquewhite; */ + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; + } +} +@media screen and (min-width: 1200px) and (max-width:1400px){ + html{ + font-size: 9px; + } + body{ + width: 100%; + height: 70rem; + /* background-color: rgb(248, 243, 243); */ + background-image: linear-gradient(to bottom, rgb(104, 120, 122), rgba(7, 11, 11, 0)); + position: relative; + /* background-color: antiquewhite; */ + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; + } +} + @media screen and (min-width: 1400px){ + html{ + font-size: 15px; + } + + +body{ + width: 100%; + height: 70rem; + /* background-color: rgb(248, 243, 243); */ + background-image: linear-gradient(to bottom, rgb(104, 120, 122), rgba(7, 11, 11, 0)); + position: relative; + /* background-color: antiquewhite; */ + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; +} + } + +img{ + cursor: pointer; +} +button{ + cursor: pointer; +} + +.loginbox + { + width: 38%; + height: 80%; + background: rgb(97 70 70); + opacity: .95; + background-image: linear-gradient(to bottom, rgb(30, 41, 43), rgba(79, 88, 88, 0)); + color:#fff ; + top: 48%; + left: 48%; + position: fixed; + transform: translate(-50%,-50%); + box-sizing: border-box; + padding: 1rem 3rem; + border-radius: 1.5rem; + } + #heading{ + text-align: center; + font-size: 3rem + } + .a{ + font-size: 1.7rem; + } + .avatar + { + width: 11rem; + height: 11rem; + border-radius: 50%; + position: absolute; + top: 0px; + left: calc(50% - -50px); + + } + .subject-line{ + font-size: 1.35rem; + font-style: italic; + color: red; + position: absolute; + top:6rem; + left: calc(35% - -50px) ; + } + .loginbox input { + width : 50%; + margin-bottom: 1rem; + margin-top: 10; + + } + .loginbox input[type="email"],input[type="tel"], input[type="text"] , input[type = "password"] + { + border: none; + border-bottom: 1px solid #fff; + background: transparent; + outline: none; + height: 20px; + color: rgb(98, 98, 98); + font-size: 16px; + + } + .loginbox input[value = "Google"] + + { + border: none; + outline: none; + background: #00a1fe; + color: #fff; + font-size: 1rem; + width: 70px; + border-radius: 1.5rem; + + } + .loginbox input[value = "Facebook"] + + { + border: none; + outline: none; + background: #00a1fe; + color: #fff; + font-size: 1rem; + width: 8rem; + border-radius: 1.5rem; + + } + .loginbox input[type="text"]:focus{ + width: 70%; + color: rgb(255, 233, 160); + } + .loginbox input[type="email"]:focus{ + width: 70%; + color: rgb(255, 233, 160); + } + .loginbox input[type="tel"]:focus{ + width: 70%; + color: rgb(255, 233, 160); + } + .loginbox input[type="password"]:focus{ + width: 70%; + color: rgb(255, 233, 160); + } + + .loginbox input[type = "submit"] + + { + border: none; + outline: none; + background: #00a1fe; + color: #fff; + font-size: 1.8rem; + border-radius: .5rem; + + } + .loginbox input[type = "submit"]:hover + + { + cursor: pointer; + background: #5fbaef; + color: #000; + } + + #sign-up{ + text-decoration: none; + + color: rgb(56, 159, 219); + } + #sign-up:hover{ + color: rgb(94, 171, 216); + + } \ No newline at end of file diff --git a/Satyam_Gupta/style.css b/Satyam_Gupta/style.css new file mode 100644 index 0000000..e6b8c52 --- /dev/null +++ b/Satyam_Gupta/style.css @@ -0,0 +1,1141 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + } + @media screen and (max-width: 400px){ + html{ + font-size: 9px; + } + .dropdown{ + position: relative; + display: inline-block; + background-color: #f2f2f2; + margin-left: 1rem; + margin-right: 0rem; + display: none; +} +.side{ + color: white; + border: none; + background: transparent; + width: 2rem; + height: 1.5rem; + display: block; + +} + +.search-btn{ + background-color: #127feb; + height: 2rem; + padding: 0 1.33rem; + color: #fff; + border-radius: 0.33rem; + border: none; + outline: none; + font-size: 1rem; + font-weight: 500; + display: none; +} +.centre-container{ + display: none; + margin-left: 6%; + +} +.seach-btn:focus{ + width: 17rem ; + border-color: #81b2e2; +} +.khoje{ + + position: absolute; + right: 9rem; + cursor: pointer; +} +.foot{ + position: relative; + bottom: -5rem; + margin-bottom: 0rem; + display: block; + height: 30rem; + width: 100%; + background-color: black; + padding-bottom: 4rem; + } + .con-1{ + display:block; + height: 100%; + width: 15%; + padding-left: 3rem; + float: left; + position: absolute; + left: 5%; + margin-top:3rem; + } + .con-2{ + display: block; + float: left; + width: 13%; + margin-left: 0; + position: absolute; + left: 35%; + margin-top:3rem; + } + .con-3{ + display: block; + position: absolute; + float: left; + width: 18%; + margin-left: 0; + left: 65%; + + margin-top:3rem; + + + } + .con-4{ + display: block; + float: left; + width: 36%; + margin-left: -113px; + position: absolute; + left: 40%; + margin-top:17rem; + } + + .con-5{ + display: block; + + float: left; + width: auto; + margin-left: 0; + position: absolute; + left: 50%; + margin-top:17rem; + + } + + } + @media screen and (min-width: 400px) and (max-width:576px){ + html{ + font-size: 9px; + } + .side{ + color: white; + border: none; + background: transparent; + width: 2rem; + height: 1.5rem; + display: block; + + } + .dropdown{ + position: relative; + display: inline-block; + margin-left: 1rem; + margin-right: 0rem; + display: none; + } + + .search-btn{ + background-color: #127feb; + height: 2rem; + padding: 0 1.33rem; + color: #fff; + border-radius: 0.33rem; + border: none; + outline: none; + font-size: 1rem; + font-weight: 500; + display: none; + } + .centre-container{ + display: none; + margin-left: 6%; + + } + .khoje{ + position: absolute; + right: 9rem; + cursor: pointer; + } + .seach-btn:focus{ + width: 20rem ; + border-color: #81b2e2; + } + .foot{ + position: relative; + bottom: -5rem; + margin-bottom: 0rem; + display: block; + height: 15rem; + width: 100%; + background-color: black; + padding-bottom: 4rem; + } + .con-1{ + display:block; + height: 100%; + width: 15%; + padding-left: 3rem; + float: left; + left: 1rem; + margin-top:3rem; + } + .con-2{ + display: block; + float: left; + width: 13%; + margin-left: 0; + left: 1rem; + margin-top:3rem; + } + .con-3{ + display: block; + float: left; + width: 18%; + margin-left: 0; + left: 2rem; + margin-top:3rem; + } + .con-4{ + display: block; + float: left; + width: 36%; + margin-left: 0; + + margin-top:3rem; + } + + .con-5{ + display: block; + + float: left; + width: auto; + margin-left: 0; + position: absolute; + left: 70%; + margin-top:3rem; + + } + + } + @media screen and (min-width: 576px) and (max-width:768px){ + html{ + font-size: 10px; + } + .side{ + color: white; + border: none; + background: transparent; + width: 2rem; + height: 1.5rem; + display: block; + + } + .dropdown{ + position: relative; + display: inline-block; + margin-left: 1rem; + margin-right: 0rem; + display: none; + } + + .centre-container{ + display: block; + margin-left: 18%; + + } + .seach-btn:focus{ + width: 20rem ; + /* border-color: #81b2e2; */ + } + .khoje{ + display: none; + position: absolute; + right: 9rem; + } + .foot{ + position: relative; + bottom: -5rem; + margin-bottom: 0rem; + display: block; + height: 15rem; + width: 100%; + background-color: black; + padding-bottom: 4rem; + } + .con-1{ + display:block; + height: 100%; + width: 15%; + padding-left: 3rem; + float: left; + left: 1rem; + margin-top:3rem; + } + .con-2{ + display: block; + float: left; + width: 13%; + margin-left: 0; + left: 1rem; + margin-top:3rem; + } + .con-3{ + display: block; + float: left; + width: 18%; + margin-left: 0; + left: 2rem; + margin-top:3rem; + } + .con-4{ + display: block; + float: left; + width: 36%; + margin-left: 0px; + + margin-top:3rem; + } + + .con-5{ + display: block; + + float: left; + width: auto; + margin-left: 0; + position: absolute; + left: 70%; + margin-top:3rem; + + } +} +@media screen and (min-width: 768px) and (max-width:992px){ + html{ + font-size: 11px; + } + .side{ + color: white; + border: none; + background: transparent; + width: 2rem; + height: 1.5rem; + display: none; + + } + .dropdown{ + position: relative; + display: inline-block; + margin-left: 1rem; + margin-right: 0rem; + + } + + .centre-container{ + display: block; + margin-left: 20%; + + } + .seach-btn:focus{ + width: 20rem ; + /* border-color: #81b2e2; */ + } + .khoje{ + display: none; + position: absolute; + right: 9rem; + } + .foot{ + position: relative; + bottom: -5rem; + margin-bottom: 0rem; + display: block; + height: 15rem; + width: 100%; + background-color: black; + padding-bottom: 4rem; + } + .con-1{ + display:block; + height: 100%; + width: 15%; + padding-left: 3rem; + float: left; + left: 1rem; + margin-top:3rem; + } + .con-2{ + display: block; + float: left; + width: 13%; + margin-left: 0; + left: 1rem; + margin-top:3rem; + } + .con-3{ + display: block; + float: left; + width: 18%; + margin-left: 0; + left: 2rem; + margin-top:3rem; + } + .con-4{ + display: block; + float: left; + width: 36%; + margin-left: 0; + + margin-top:3rem; + } + + .con-5{ + display: block; + + float: left; + width: auto; + margin-left: 0; + position: absolute; + left: 70%; + margin-top:3rem; + + } +} +@media screen and (min-width: 992px) and (max-width:1200px){ + html{ + font-size: 14px; + } + .side{ + color: white; + border: none; + background: transparent; + width: 2rem; + height: 1.5rem; + display: none; + + } + .dropdown{ + position: relative; + display: inline-block; + margin-left: 1rem; + margin-right: 0rem; + + } + + .centre-container{ + display: block; + margin-left: 20%; + + } + .seach-btn:focus{ + width: 20rem ; + /* border-color: #81b2e2; */ + } + .khoje{ + display: none; + position: absolute; + right: 9rem; + } + .foot{ + position: relative; + bottom: -5rem; + margin-bottom: 0rem; + display: block; + height: 15rem; + width: 100%; + background-color: black; + padding-bottom: 4rem; + } + .con-1{ + display:block; + height: 100%; + width: 15%; + padding-left: 3rem; + float: left; + left: 1rem; + margin-top:3rem; + } + .con-2{ + display: block; + float: left; + width: 13%; + margin-left: 0; + left: 1rem; + margin-top:3rem; + } + .con-3{ + display: block; + float: left; + width: 18%; + margin-left: 0; + left: 2rem; + margin-top:3rem; + } + .con-4{ + display: block; + float: left; + width: 36%; + margin-left: 0px; + + margin-top:3rem; + } + + .con-5{ + display: block; + + float: left; + width: auto; + margin-left: 0; + position: absolute; + left: 70%; + margin-top:3rem; + + } +} + @media screen and (min-width: 1200px) and (max-width:1400px){ + html{ + font-size: 15px; + } + .side{ + color: white; + border: none; + background: transparent; + width: 2rem; + height: 1.5rem; + display: none; + + } + .dropdown{ + position: relative; + display: inline-block; + margin-left: 1rem; + margin-right: 0rem; + + } + + .centre-container{ + display: block; + margin-left: 20%; + + } + .seach-btn:focus{ + width: 20rem ; + /* border-color: #81b2e2; */ + } + .khoje{ + display: none; + position: absolute; + right: 9rem; + } + .foot{ + position: relative; + bottom: -5rem; + margin-bottom: 0rem; + display: block; + height: 15rem; + width: 100%; + background-color: black; + padding-bottom: 4rem; + } + .con-1{ + display:block; + height: 100%; + width: 15%; + padding-left: 3rem; + float: left; + left: 1rem; + margin-top:3rem; + } + .con-2{ + display: block; + float: left; + width: 13%; + margin-left: 0; + left: 1rem; + margin-top:3rem; + } + .con-3{ + display: block; + float: left; + width: 18%; + margin-left: 0; + left: 2rem; + margin-top:3rem; + } + .con-4{ + display: block; + float: left; + width: 36%; + margin-left: 0px; + + margin-top:3rem; + } + + .con-5{ + display: block; + + float: left; + width: auto; + margin-left: 0; + position: absolute; + left: 70%; + margin-top:3rem; + + } +} + @media screen and (min-width: 1400px){ + html{ + font-size: 16px; + } + .side{ + color: white; + border: none; + background: transparent; + width: 2rem; + height: 1.5rem; + display: none; + + } + .dropdown{ + position: relative; + display: inline-block; + margin-left: 1rem; + margin-right: 0rem; + + } + + .centre-container{ + display: block; + margin-left: 20%; + + } + .seach-btn:focus{ + width: 20rem ; + /* border-color: #81b2e2; */ + } + .khoje{ + display: none; + position: absolute; + right: 9rem; + } + .foot{ + position: relative; + bottom: -5rem; + margin-bottom: 0rem; + display: block; + height: 15rem; + width: 100%; + background-color: black; + padding-bottom: 4rem; + } + .con-1{ + display:block; + height: 100%; + width: 15%; + padding-left: 3rem; + float: left; + left: 1rem; + margin-top:3rem; + } + .con-2{ + display: block; + float: left; + width: 13%; + margin-left: 0; + left: 1rem; + margin-top:3rem; + } + .con-3{ + display: block; + float: left; + width: 18%; + margin-left: 0; + left: 2rem; + margin-top:3rem; + } + .con-4{ + display: block; + float: left; + width: 36%; + margin-left: 0; + + margin-top:3rem; + } + + .con-5{ + display: block; + + float: left; + width: auto; + margin-left: 0; + position: absolute; + left: 70%; + margin-top:3rem; + + } +} + +body{ + + width: 100%; + background-image: linear-gradient(to bottom, rgb(30, 41, 43), rgba(79, 88, 88, 0)); + position: relative; + background-color: antiquewhite; + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; +} + +img{ + cursor: pointer; +} +button{ + cursor: pointer; +} + +.first-container{ + display:block; + +} +.logo-image{ + width: 3rem; + height: 3rem; + border-radius: 30%; +} +.name{ + color: white; + padding-left: 1px; + font-size: 2.1rem; + text-decoration: none; + position:absolute; +} + +.nav-bar{ + width: 100%; + height: 4rem; + position: fixed; + top: 0; + left: 0; + padding: 0 4%; + background-color: #212529; + z-index: 4; + display: flex; + align-items: center; +} +.voice-search{ + background-color: #212529; + margin: 0px; + padding-bottom: -0.46rem; + padding-left: 0px; + margin-left: -.33rem; + z-index: 5; + border: none; + border-bottom: 1px solid #fff; + +} +.voice-search svg { + padding-top: .3rem; + + fill: white; + width: 1.5rem; + height: 1.5rem; +} +.centre{ + + border-bottom: 2px solid #fff; +} + + +.seach-btn{ + font-size: .2rem; + border: none; + padding-left: 0px; + background: transparent; + outline: none; + height: 2rem; + color: #fff; + width: 17rem; + text-transform: capitalize; + font-size: 1rem; + font-weight: 500; + transition: .5s; +} + + +.search-btn{ + background-color: #127feb; + height: 2rem; + padding: 0 1.33rem; + color: #fff; + border-radius: 0.33rem; + border: none; + outline: none; + font-size: 1rem; + font-weight: 500; +} + +.right-container{ + display: block; + margin-left: auto; + text-decoration: none; + margin-right: 2%; + +} +.login{ + color: #fff; + text-decoration: none; +} +.accounts{ + margin-left :2rem; + width:1.5rem; + height: 22px; + border-radius: 50%; +} + + + +.dropdown-content{ + display: none; + position: absolute; + background-color: #d1ebeb; + border-radius: .9rem; + min-width: 6rem; + box-shadow: 0px .5rem 2rem 0px rgba(0, 0,0, 0.2); + padding: .8rem 1rem; + z-index: 1; +} +#a,#as{ + color: rgb(255, 255, 255); + font-size: 2rem; + padding-left: 1rem; + cursor: pointer; +} + +#dropdown-contentt, #dropdown-contenttt { + display: none; + text-decoration: none; + font-size: 2rem; + text-decoration: none; + padding-left: .7rem; + color: rgb(255, 255, 255); +} +.dropdown:hover .dropdown-content{ +display: block; +} +.links-1{ + text-decoration: none; + color: rgb(189, 185, 185); + padding-left:2rem ; +} + + + +.links{ + text-decoration: none; + padding-left: 0.5rem; + color: rgb(0, 0, 0); +} +#avtar{ + width: .33rem; + height: .33rem; +} + +.dropdown{ + color: #fff; + padding-left: 1rem; +} + +.carausol-container{ + cursor:context-menu; + position: relative; + width: 100%; + height: 30rem; + padding: 1.33rem 0; + overflow: hidden; + margin-top: 5.33rem; + opacity: 0.8; + z-index: 1; + } + + .carausol{ + display: flex; + width: 92%; + height: 100%; + position: relative; + margin: auto; + } + .slider{ + flex: 0 0 auto; + margin-right: .67rem; + position: relative; + background-color: #212529; + border-radius: .33rem; + width: 100%; + height: 100%; + transition: 1s; + overflow: hidden; + } + + .slider img{ + width: 70%; + min-height: 100%; + object-fit: cover; + display: block; + margin-left: auto; + } + + .slide-content{ + position: absolute; + width: 50%; + height: 100%; + z-index: .9; + background: linear-gradient(to right, #000000 65%,#272e3b00); + color: #fff; + } + + .slide-content{ + position: absolute; + width: 50%; + height: 100%; + z-index: .9; + background: linear-gradient(to right, #000000 65%,#272e3b00); + color: #fff; + } + + .subject{ + top: 5vh; + bottom: 3vh; + + } + #subject-line{ + text-align: center; + /* text-decoration: line-through; */ + text-decoration-color: rgb(196, 14, 14); + position: relative; + overflow: hidden; + margin-left: 5%; + color: aqua; + bottom: 3%; + } + .sunglasses-emogi{ + width: 2%; + height:2%; + + border-radius: 50%; + margin-top: 2px; + + } + + .title{ +padding-left: 3.33rem; +text-transform: capitalize; +margin-top: 5.33rem; +z-index: 9; + } + + .title-des{ + width: 80%; + line-height: 2rem; + padding-left: 3.33rem; + margin-top: 2rem; + opacity: 0.8; + } + .dot-class{ + text-align:center; + position: absolute; + bottom: 9%; + left: 28%; + } + + .image-con{ + position: relative; + width:92%; + margin: auto; + height: 10rem; + display: flex; + overflow: scroll; + flex-wrap: nowrap; + margin-bottom: 1.33rem; + justify-content: space-between; + + + } + .image-con::-webkit-scrollbar { + display: none; + } + + .image-cont{ + position: relative; + width:92%; + margin: auto; + height: 13rem; + display: flex; + overflow: scroll; + flex-wrap: nowrap; + margin-bottom: 1.33rem; + justify-content: space-between; + + + } + .image-cont::-webkit-scrollbar { + display: none; + } + .image-card{ + position: relative; + width: 16rem; + height: 100%; + border-radius: 0.33rem; + overflow: hidden; + background: #030b27; + flex: 0 0 auto; + display: flex; + margin-left: 1rem; + margin-right: 1rem; + } + + .image-cardd{ + position: relative; + width: 12rem; + height: 100%; + border-radius: 0.33rem; + overflow: hidden; + background: #030b27; + flex: 0 0 auto; + display: flex; + margin-left: 1rem; + margin-right: 1rem; + } + + .video-card-image{ + width: 100%; + height: 100%; + object-fit: cover; + opacity: 1; + + } + + .prev, .next { + cursor: pointer; + position: absolute; + top: 50%; + width: auto; + padding: 1rem; + margin-top: -1.5rem; + color: rgb(255, 255, 255); + font-weight: bold; + font-size: 1.2rem; + transition: 0.6s ease; + border-radius: 0 .2rem .2rem 0; + /* user-select: none; */ + } + + + .next { + right: 0; + border-radius: .2rem 0 0 .2rem; + } + + + .prev:hover, .next:hover { + background-color: rgba(0,0,0,0.8); + } + .text { + color: #f2f2f2; + font-size: 1rem; + padding: .5rem .75rem; + position: absolute; + bottom: .5rem; + width: 100%; + text-align: center; + } + .dot { + cursor: pointer; + height: .6rem; + width: .6rem; + border-radius: 50%; + margin: 0 2px; + background-color: #bbb; + + display: inline-block; + transition: background-color 0.6s ease; + } + .active, .dot:hover { + background-color: #ff00007d; + } + + + + .middle { + + opacity: 0; + position: absolute; + top: 70%; + left: 40%; + /* transform: translate(-50%, -50%); */ + /* -ms-transform: translate(-50%, -50%); */ + + + } + .text { + background-color: none; + color: white; + font-size: 1rem; + padding: 0rem 0rem; + display: inline; + + } + .image-card:hover .video-card-image ,.image-cardd:hover .video-card-image { + opacity: .5; + } + + .image-card:hover .middle ,.image-cardd:hover .middle { + opacity: 1; + } + #mySidebar{ + height: 100%; + width: 35%; + top: 0; + position: fixed; + left: 0; + z-index:9 ; + display: none; + background-color: #212529; + overflow-x: hidden; + padding-top: 5px; + } + .w3-button{ + padding: 6px 8px 6px 8px; + text-decoration: none; + font-size: 2rem; + color: rgb(248, 248, 248); + display: block; + background-color: #212529; + } + + + + + + .head-1{ + color: white; + } + .anc{ + color: #bbb; + text-decoration: none; + margin-right: .5rem; + } + .insta{ + width: 2rem; + + } + .facebook{ + margin-left: -.8rem; + height: 2.2rem; + } + + .copyright{ + color: white; + margin-top: .5rem; + } + .must-explore{ + padding-left: 3.33rem; + } \ No newline at end of file diff --git a/Satyam_Gupta/styles-contact.css b/Satyam_Gupta/styles-contact.css new file mode 100644 index 0000000..7575f9b --- /dev/null +++ b/Satyam_Gupta/styles-contact.css @@ -0,0 +1,541 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + } + @media screen and (max-width: 400px){ + html{ + font-size: 4px; + } + .dropdown{ + position: relative; + display: inline-block; + margin-left: 1rem; + margin-right: 0rem; + display: none; +} +.side{ + color: white; + border: none; + background: transparent; + width: 2rem; + height: 1.5rem; + display: block; + +} + +.search-btn{ + background-color: #127feb; + height: 2rem; + padding: 0 1.33rem; + color: #fff; + border-radius: 0.33rem; + border: none; + outline: none; + font-size: 1rem; + font-weight: 500; + display: none; +} +.centre-container{ + display: block; + margin-left: 6%; + +} +.seach-btn:focus{ + width: 17rem ; + border-color: #81b2e2; +} + + + + } + @media screen and (min-width: 400px) and (max-width:576px){ + html{ + font-size: 5.4px; + } + .side{ + color: white; + border: none; + background: transparent; + width: 2rem; + height: 1.5rem; + display: block; + + } + .dropdown{ + position: relative; + display: inline-block; + margin-left: 1rem; + margin-right: 0rem; + display: none; + } + + .search-btn{ + background-color: #127feb; + height: 2rem; + padding: 0 1.33rem; + color: #fff; + border-radius: 0.33rem; + border: none; + outline: none; + font-size: 1rem; + font-weight: 500; + display: none; + } + .centre-container{ + display: block; + margin-left: 6%; + + } + .seach-btn:focus{ + width: 20rem ; + border-color: #81b2e2; + } +} +@media screen and (min-width: 576px) and (max-width:768px){ + html{ + font-size: 7.5px; + } + .side{ + color: white; + border: none; + background: transparent; + width: 2rem; + height: 1.5rem; + display: block; + +} +.dropdown{ + position: relative; + display: inline-block; + margin-left: 1rem; + margin-right: 0rem; + display: none; +} + +.centre-container{ + display: block; + margin-left: 18%; + +} +.seach-btn:focus{ + width: 20rem ; + /* border-color: #81b2e2; */ +} +} +@media screen and (min-width: 768px) and (max-width:992px){ + html{ + font-size: 9px; + } + .side{ + color: white; + border: none; + background: transparent; + width: 2rem; + height: 1.5rem; + display: none; + +} +.dropdown{ + position: relative; + display: inline-block; + margin-left: 1rem; + margin-right: 0rem; + +} + +.centre-container{ + display: block; + margin-left: 20%; + +} +.seach-btn:focus{ + width: 20rem ; + /* border-color: #81b2e2; */ +} +} +@media screen and (min-width: 992px) and (max-width:1200px){ + html{ + font-size: 12.5px; + } + .side{ + color: white; + border: none; + background: transparent; + width: 2rem; + height: 1.5rem; + display: none; + +} +.dropdown{ + position: relative; + display: inline-block; + margin-left: 1rem; + margin-right: 0rem; + +} + +.centre-container{ + display: block; + margin-left: 20%; + +} +.seach-btn:focus{ + width: 20rem ; + /* border-color: #81b2e2; */ +} +} +@media screen and (min-width: 1200px) and (max-width:1400px){ + html{ + font-size: 15px; + } + .side{ + color: white; + border: none; + background: transparent; + width: 2rem; + height: 1.5rem; + display: none; + +} +.dropdown{ + position: relative; + display: inline-block; + margin-left: 1rem; + margin-right: 0rem; + +} + +.centre-container{ + display: block; + margin-left: 20%; + +} +.seach-btn:focus{ + width: 20rem ; + /* border-color: #81b2e2; */ +} +} + @media screen and (min-width: 1400px){ + html{ + font-size: 16px; + } + .side{ + color: white; + border: none; + background: transparent; + width: 2rem; + height: 1.5rem; + display: none; + + } + .dropdown{ + position: relative; + display: inline-block; + margin-left: 1rem; + margin-right: 0rem; + + } + + .centre-container{ + display: block; + margin-left: 20%; + + } + .seach-btn:focus{ + width: 20rem ; + /* border-color: #81b2e2; */ + } +} + +body{ + width: 100%; + border-bottom:black; + position: relative; + background-color: rgb(255, 255, 255); + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; +} + +img{ + cursor: pointer; +} +button{ + cursor: pointer; +} + + +.first-container{ + display:block; + +} +.logo-image{ + width: 1.5rem; + height: 1.33rem; + border-radius: 30%; +} +.name{ + color: white; + padding-left: 1px; + font-size: 1.5rem; +} + +.nav-bar{ + width: 100%; + height: 4.33rem; + position: fixed; + top: 0; + left: 0; + padding: 0 4%; + background-color: #212529; + z-index: 8; + display: flex; + align-items: center; +} +.voice-search{ + background-color: #212529; + margin: 0px; + padding-bottom: -0.46rem; + padding-left: 0px; + margin-left: -.33rem; + z-index: 5; + border: none; + border-bottom: 1px solid #fff; + +} +.voice-search svg { + padding-top: .3rem; + + fill: white; + width: 1.5rem; + height: 1.5rem; +} +.centre{ + + border-bottom: 2px solid #fff; +} + + +.seach-btn{ + font-size: .2rem; + border: none; + padding-left: 0px; + background: transparent; + outline: none; + height: 2rem; + color: #fff; + width: 17rem; + text-transform: capitalize; + font-size: 1rem; + font-weight: 500; + transition: .5s; +} + + +.search-btn{ + background-color: #127feb; + height: 2rem; + padding: 0 1.33rem; + color: #fff; + border-radius: 0.33rem; + border: none; + outline: none; + font-size: 1rem; + font-weight: 500; +} + +.right-container{ + display: block; + margin-left: auto; + text-decoration: none; + margin-right: 2%; + +} +.login{ + color: #fff; + text-decoration: none; +} +.accounts{ + margin-left :2rem; + width:1.5rem; + height: 22px; + border-radius: 50%; +} + + + +.dropdown-content{ + display: none; + position: absolute; + background-color: #f9f9f9; + border-radius: .9rem; + min-width: 6rem; + box-shadow: 0px .5rem 2rem 0px rgba(0, 0,0, 0.2); + padding: .8rem 1rem; + z-index: 1; +} +#a,#as{ + color: rgb(255, 255, 255); + font-size: 2rem; + padding-left: 1rem; + cursor: pointer; +} + +#dropdown-contentt, #dropdown-contenttt { + + text-decoration: none; + font-size: 2rem; + text-decoration: none; + padding-left: .7rem; + color: rgb(255, 255, 255); +} +.dropdown:hover .dropdown-content{ +display: block; +} +.links-1{ + text-decoration: none; + color: rgb(189, 185, 185); + padding-left:2rem ; +} + + + +.links{ + text-decoration: none; + padding-left: 0.5rem; + color: rgb(0, 0, 0); +} +#avtar{ + width: .33rem; + height: .33rem; +} + +.dropdown{ + color: #fff; + padding-left: 1rem; +} + +/* nav-bar end here*/ + +/* contact number starts here */ +.content{ + position: relative; + top: 7rem; + float: left; + left: 6rem; + font-size: 1.5rem; +} + +.loginbox + { + position: relative; + padding-left: 1rem; + top: 6rem; + right: 3rem; + border-radius: .2rem; + float: right; + width: 35%; + height: auto; + z-index: 2; + background-image: linear-gradient(to bottom, rgb(5, 96, 49), rgba(126, 255, 160, 0)); + box-sizing: border-box; + } + .loginbox input[type = "submit"] + + { + + background: #00a1fe; + color: #fff; + font-size: 1rem; + width: 80%; + height: 2.5rem; + } + .loginbox input[type = "submit"]:hover + + { + cursor: pointer; + background: #5fbaef; + color: #000; + } + .loginbox input[type="email"] , input[type = "text"]{ + width: 60%; + height: 2rem; + border-radius: .3rem; + } + + /* footer starts here */ + .foot{ + position: relative; + bottom: -57rem; + margin-bottom: 0rem; + display: block; + height: 15rem; + width: 100%; + background-color: black; + } + + .con-1{ + display:block; + height: 100%; + width: 15%; + padding-left: 3rem; + float: left; + left: 1rem; + margin-top:3rem; + } + .con-2{ + display: block; + float: left; + width: 15%; + margin-left: 0; + left: 1rem; + margin-top:3rem; + } + .con-3{ + display: block; + float: left; + width: 20%; + margin-left: 0; + left: 2rem; + margin-top:3rem; + } + .con-4{ + display: block; + float: left; + width: 25%; + margin-left: 0; + left: 2rem; + margin-top:3rem; + } + + .con-5{ + display: block; + + float: left; + width: auto; + margin-left: 0; + left: 2rem; + margin-top:3rem; + + } + .head-1{ + color: white; + } + .anc{ + color: #bbb; + text-decoration: none; + } + .insta{ + width: 2rem; + + } + .facebook{ + + height: 2.2rem; + } + + .contact-us{ +color: rgb(194, 191, 191); + } + p{ + font-size: 1rem; + }