diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md index 46c150e1..317397bc 100644 --- a/.github/pull_request_template.md +++ b/.github/pull_request_template.md @@ -16,21 +16,25 @@ Please complete the details below this message # Your Details -- Your Name: -- Your City: -- Your Slack Name: +- Your Name: Krishan kumar +- Your City: West Midlands +- Your Slack Name: Krishan kumar # Homework Details -- Module: -- Week: +- Module: Html/Css challenge class 3 +- Week:1 # Notes - What did you find easy? +From start to the end everything was challenge..hence it was fun making website and enjoyed it. - What did you find hard? - -- What do you still not understand? +Found difficult while i was adding articles therefor i managed to do it. +- +What do you still not understand? +At start everything was here and there but till now what i have done i understood. - Any other notes? +none \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..6f3a2913 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 75e9841e..92b7f3a8 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,154 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ +*{ + margin: 0; padding:0; box-sizing: border-box ; + font-family:'josefin Sans', sans-serif; + } + +header{ + width:100%; height: 100vh; + background-image:url(https://c.ndtvimg.com/2021-04/knvbhtv_kolkata-tram_625x300_15_April_21.jpg?im=FaceCrop,algorithm=dnn,width=1200,height=675); + background-repeat:no-repeat ; + background-size:cover; + } + + nav{ + width: 100%; height:15vh; + background: rgba 0,0,0,0.2; + color: white; display: flex; justify-content: space-between; + align-items: center; text-transform: uppercase; + } + + nav.logo{ + width: 30%; text-align:center; + /* background:coral;*/ + + } + + nav .menu{ + width:45%; + display: flex; justify-content: space-around; + + } + + .nav-item{ + color:white; + font-size:25px; + + } + + nav.menu a{ + width: 25%; + text-decoration:none; color:white; + font-weight: bold; + } + + nav.menu a:first-child{ + color:#00b894; + + } + + main{ + width: 100%; + height: 80vh; + display: flex; + justify-content: center ; + align-items: center; + text-align: center; + text-shadow: 1px 1px 2px + } + + + + + section h3{ + font-size:35px; font-weight: 200; letter-spacing: 3px; + color: white; + } + + section h1{ + margin: 40px 0px 25px 0px; + font-size: 55px; + font-weight: 700; + text-shadow: 2px 1px 5px; ; + color:white; + text-transform: uppercase; + } + + section p{ + font-size: 25px; + color:whitesmoke; + word-spacing: 2px; + margin-bottom: 25px; + text-shadow: 1px 1px 1px 1px; + } + + section a{ + padding: 12px 30px; + border-radius: 4px; + outline-style:none; + text-transform: uppercase; + font-size: 13px; + font-weight: 500; + text-decoration:none; + letter-spacing: 1px; + color:whitesmoke; + + transition: all .5s ease; + } + + section.btnone{ + background:red; + color:black; + } + + .btnone:hover{ + background:#00b894; + color:white; + + } + + + section .btntwo{ + background:#00b894; + color:white; + } + + .btntwo:hover{ + background:red; + color:black; + } + + .change_content:after{ + content:''; + animation: changetext 10s infinite linear; + color:#00b894; + + } + + @keyframes changetext{ + 0%{content:"Darjeeling";} + 20%{ content:"Agra";} + 35%{ content:"Jaipur";} + 60%{ content:"Delhi";} + 80%{ content: "Mumbai";} + 100% { content:"Shimla";} + + } + + .article-image{ + width:100%; + } + + .facebookicon{ + width:30px; + + } + + footer{ + background-color:cyan; + + } + + diff --git a/index.html b/index.html index 67dfc7f5..fddaf610 100644 --- a/index.html +++ b/index.html @@ -20,3 +20,64 @@ + + + + + + + + + +
+ + + +
+
+

Welcome To India

+

Do COME and VISIT

+

"India once is not enough"

+ Learn more + Signup here +
+
+ +
+
+

Tourism in India

+ +

The Travel and Tourism Competitiveness Report 2019 ranked India 34th out of 140 countries overall. India improved its ranking by 6 places over the 2017 report which was the greatest improvement among the top 25% of countries ranked. The report ranks the price competitiveness of India's tourism sector 13th out of 140 countries. It mentions that India has quite good air transport infrastructure (ranked 33rd), particularly given the country's stage of development, and reasonable ground and port infrastructure (ranked 28th). The country also scores high on natural resources (ranked 14th), and cultural resources and business travel (ranked 8th).[9] However, some other aspects of its tourism infrastructure remain somewhat underdeveloped.[10] The nation has many hotel rooms per capita by international comparison and low ATM penetration.[11] The World Tourism Organization reported that India's receipts from tourism during 2012 ranked 16th in the world, and 7th among Asian and Pacific countries.[12]

+

Click here for further information

+
+ +
+

Tourism in India

+ +

The Travel and Tourism Competitiveness Report 2019 ranked India 34th out of 140 countries overall. India improved its ranking by 6 places over the 2017 report which was the greatest improvement among the top 25% of countries ranked. The report ranks the price competitiveness of India's tourism sector 13th out of 140 countries. It mentions that India has quite good air transport infrastructure (ranked 33rd), particularly given the country's stage of development, and reasonable ground and port infrastructure (ranked 28th). The country also scores high on natural resources (ranked 14th), and cultural resources and business travel (ranked 8th).[9] However, some other aspects of its tourism infrastructure remain somewhat underdeveloped.[10] The nation has many hotel rooms per capita by international comparison and low ATM penetration.[11] The World Tourism Organization reported that India's receipts from tourism during 2012 ranked 16th in the world, and 7th among Asian and Pacific countries.[12]

+

Click here for further information

+
+ +
+

Tourism in India

+ +

The Travel and Tourism Competitiveness Report 2019 ranked India 34th out of 140 countries overall. India improved its ranking by 6 places over the 2017 report which was the greatest improvement among the top 25% of countries ranked. The report ranks the price competitiveness of India's tourism sector 13th out of 140 countries. It mentions that India has quite good air transport infrastructure (ranked 33rd), particularly given the country's stage of development, and reasonable ground and port infrastructure (ranked 28th). The country also scores high on natural resources (ranked 14th), and cultural resources and business travel (ranked 8th).[9] However, some other aspects of its tourism infrastructure remain somewhat underdeveloped.[10] The nation has many hotel rooms per capita by international comparison and low ATM penetration.[11] The World Tourism Organization reported that India's receipts from tourism during 2012 ranked 16th in the world, and 7th among Asian and Pacific countries.[12]

+

Click here for further information

+
+ +
+ + + + \ No newline at end of file