diff --git a/team#5-theme#8/Frontend (2).zip b/team#5-theme#8/Frontend (2).zip new file mode 100644 index 0000000..feaa59a Binary files /dev/null and b/team#5-theme#8/Frontend (2).zip differ diff --git a/team#5-theme#8/background video/Mill - 72825.mp4 b/team#5-theme#8/background video/Mill - 72825.mp4 new file mode 100644 index 0000000..2bd751d Binary files /dev/null and b/team#5-theme#8/background video/Mill - 72825.mp4 differ diff --git a/team#5-theme#8/future_scope.pptx b/team#5-theme#8/future_scope.pptx new file mode 100644 index 0000000..96e2cd3 Binary files /dev/null and b/team#5-theme#8/future_scope.pptx differ diff --git a/team#5-theme#8/img/businessman-2875840_1920.jpg b/team#5-theme#8/img/businessman-2875840_1920.jpg new file mode 100644 index 0000000..7972619 Binary files /dev/null and b/team#5-theme#8/img/businessman-2875840_1920.jpg differ diff --git a/team#5-theme#8/img/ecology-6513805_1920.jpg b/team#5-theme#8/img/ecology-6513805_1920.jpg new file mode 100644 index 0000000..750fa7a Binary files /dev/null and b/team#5-theme#8/img/ecology-6513805_1920.jpg differ diff --git a/team#5-theme#8/img/energy-1322810_1920.jpg b/team#5-theme#8/img/energy-1322810_1920.jpg new file mode 100644 index 0000000..67308b0 Binary files /dev/null and b/team#5-theme#8/img/energy-1322810_1920.jpg differ diff --git a/team#5-theme#8/img/heaven-1392241_1920.jpg b/team#5-theme#8/img/heaven-1392241_1920.jpg new file mode 100644 index 0000000..743dd7c Binary files /dev/null and b/team#5-theme#8/img/heaven-1392241_1920.jpg differ diff --git a/team#5-theme#8/img/idea-1880978_1920.jpg b/team#5-theme#8/img/idea-1880978_1920.jpg new file mode 100644 index 0000000..30f1a4b Binary files /dev/null and b/team#5-theme#8/img/idea-1880978_1920.jpg differ diff --git a/team#5-theme#8/img/investment-6545834_1920.jpg b/team#5-theme#8/img/investment-6545834_1920.jpg new file mode 100644 index 0000000..dcd7586 Binary files /dev/null and b/team#5-theme#8/img/investment-6545834_1920.jpg differ diff --git a/team#5-theme#8/img/lamp-3115623_1920.jpg b/team#5-theme#8/img/lamp-3115623_1920.jpg new file mode 100644 index 0000000..0fe9897 Binary files /dev/null and b/team#5-theme#8/img/lamp-3115623_1920.jpg differ diff --git a/team#5-theme#8/img/mill-1745186_1920.jpg b/team#5-theme#8/img/mill-1745186_1920.jpg new file mode 100644 index 0000000..5e26a67 Binary files /dev/null and b/team#5-theme#8/img/mill-1745186_1920.jpg differ diff --git a/team#5-theme#8/img/person-3065254_1920.jpg b/team#5-theme#8/img/person-3065254_1920.jpg new file mode 100644 index 0000000..7323491 Binary files /dev/null and b/team#5-theme#8/img/person-3065254_1920.jpg differ diff --git a/team#5-theme#8/img/photovoltaic-system-2742302_1920.jpg b/team#5-theme#8/img/photovoltaic-system-2742302_1920.jpg new file mode 100644 index 0000000..0b0a802 Binary files /dev/null and b/team#5-theme#8/img/photovoltaic-system-2742302_1920.jpg differ diff --git a/team#5-theme#8/img/recycling-304974_1280.png b/team#5-theme#8/img/recycling-304974_1280.png new file mode 100644 index 0000000..25e4e4b Binary files /dev/null and b/team#5-theme#8/img/recycling-304974_1280.png differ diff --git a/team#5-theme#8/img/solar-panel-241903_1920.jpg b/team#5-theme#8/img/solar-panel-241903_1920.jpg new file mode 100644 index 0000000..1b27c76 Binary files /dev/null and b/team#5-theme#8/img/solar-panel-241903_1920.jpg differ diff --git a/team#5-theme#8/img/solar-panels-1477987_1920.jpg b/team#5-theme#8/img/solar-panels-1477987_1920.jpg new file mode 100644 index 0000000..02b1eed Binary files /dev/null and b/team#5-theme#8/img/solar-panels-1477987_1920.jpg differ diff --git a/team#5-theme#8/img/solar-panels-943999_1920.jpg b/team#5-theme#8/img/solar-panels-943999_1920.jpg new file mode 100644 index 0000000..de6dbbf Binary files /dev/null and b/team#5-theme#8/img/solar-panels-943999_1920.jpg differ diff --git a/team#5-theme#8/img/solar-power-1019830_1920.jpg b/team#5-theme#8/img/solar-power-1019830_1920.jpg new file mode 100644 index 0000000..dc5ff0a Binary files /dev/null and b/team#5-theme#8/img/solar-power-1019830_1920.jpg differ diff --git a/team#5-theme#8/img/solar-system-2939560_1920.jpg b/team#5-theme#8/img/solar-system-2939560_1920.jpg new file mode 100644 index 0000000..1aa2741 Binary files /dev/null and b/team#5-theme#8/img/solar-system-2939560_1920.jpg differ diff --git a/team#5-theme#8/img/solar/56751.jpg b/team#5-theme#8/img/solar/56751.jpg new file mode 100644 index 0000000..2170b3a Binary files /dev/null and b/team#5-theme#8/img/solar/56751.jpg differ diff --git a/team#5-theme#8/img/solar/Goveernment-2a-1.jpg b/team#5-theme#8/img/solar/Goveernment-2a-1.jpg new file mode 100644 index 0000000..5b11ed3 Binary files /dev/null and b/team#5-theme#8/img/solar/Goveernment-2a-1.jpg differ diff --git a/team#5-theme#8/img/solar/Overview_Calculation_grande.jpg b/team#5-theme#8/img/solar/Overview_Calculation_grande.jpg new file mode 100644 index 0000000..f8a3daf Binary files /dev/null and b/team#5-theme#8/img/solar/Overview_Calculation_grande.jpg differ diff --git a/team#5-theme#8/img/solar/architecture-3379146_1920.jpg b/team#5-theme#8/img/solar/architecture-3379146_1920.jpg new file mode 100644 index 0000000..d0b0496 Binary files /dev/null and b/team#5-theme#8/img/solar/architecture-3379146_1920.jpg differ diff --git a/team#5-theme#8/img/solar/energy-3125125_1920.jpg b/team#5-theme#8/img/solar/energy-3125125_1920.jpg new file mode 100644 index 0000000..539b1ac Binary files /dev/null and b/team#5-theme#8/img/solar/energy-3125125_1920.jpg differ diff --git a/team#5-theme#8/img/solar/solar-2666770_1920.jpg b/team#5-theme#8/img/solar/solar-2666770_1920.jpg new file mode 100644 index 0000000..e8c10e0 Binary files /dev/null and b/team#5-theme#8/img/solar/solar-2666770_1920.jpg differ diff --git a/team#5-theme#8/img/solar/solar-4478105_1920.jpg b/team#5-theme#8/img/solar/solar-4478105_1920.jpg new file mode 100644 index 0000000..317bc84 Binary files /dev/null and b/team#5-theme#8/img/solar/solar-4478105_1920.jpg differ diff --git a/team#5-theme#8/img/solar/solar-panel-1175819_1920.jpg b/team#5-theme#8/img/solar/solar-panel-1175819_1920.jpg new file mode 100644 index 0000000..f9e9f86 Binary files /dev/null and b/team#5-theme#8/img/solar/solar-panel-1175819_1920.jpg differ diff --git a/team#5-theme#8/img/solar/solar-panel-153201_1280.png b/team#5-theme#8/img/solar/solar-panel-153201_1280.png new file mode 100644 index 0000000..f2aa130 Binary files /dev/null and b/team#5-theme#8/img/solar/solar-panel-153201_1280.png differ diff --git a/team#5-theme#8/img/solar/solar-panels-2458717_1920.jpg b/team#5-theme#8/img/solar/solar-panels-2458717_1920.jpg new file mode 100644 index 0000000..8d7daf0 Binary files /dev/null and b/team#5-theme#8/img/solar/solar-panels-2458717_1920.jpg differ diff --git a/team#5-theme#8/img/solar/solar-power-1019828_1920.jpg b/team#5-theme#8/img/solar/solar-power-1019828_1920.jpg new file mode 100644 index 0000000..29e709b Binary files /dev/null and b/team#5-theme#8/img/solar/solar-power-1019828_1920.jpg differ diff --git a/team#5-theme#8/img/solar/th.jpg b/team#5-theme#8/img/solar/th.jpg new file mode 100644 index 0000000..5fb4d03 Binary files /dev/null and b/team#5-theme#8/img/solar/th.jpg differ diff --git a/team#5-theme#8/img/wind/1-s2.0-S2665972719300030-gr1.jpg b/team#5-theme#8/img/wind/1-s2.0-S2665972719300030-gr1.jpg new file mode 100644 index 0000000..eae422a Binary files /dev/null and b/team#5-theme#8/img/wind/1-s2.0-S2665972719300030-gr1.jpg differ diff --git a/team#5-theme#8/img/wind/energy-301525__340.jpg b/team#5-theme#8/img/wind/energy-301525__340.jpg new file mode 100644 index 0000000..ff7cd10 Binary files /dev/null and b/team#5-theme#8/img/wind/energy-301525__340.jpg differ diff --git a/team#5-theme#8/img/wind/mill-208571_1920.jpg b/team#5-theme#8/img/wind/mill-208571_1920.jpg new file mode 100644 index 0000000..f0e8452 Binary files /dev/null and b/team#5-theme#8/img/wind/mill-208571_1920.jpg differ diff --git a/team#5-theme#8/img/wind/park-wind-farm-3820819_1920.jpg b/team#5-theme#8/img/wind/park-wind-farm-3820819_1920.jpg new file mode 100644 index 0000000..8c68a47 Binary files /dev/null and b/team#5-theme#8/img/wind/park-wind-farm-3820819_1920.jpg differ diff --git a/team#5-theme#8/img/wind/pinwheels-6535595_1920.jpg b/team#5-theme#8/img/wind/pinwheels-6535595_1920.jpg new file mode 100644 index 0000000..3d122ce Binary files /dev/null and b/team#5-theme#8/img/wind/pinwheels-6535595_1920.jpg differ diff --git a/team#5-theme#8/img/wind/th (1).jpg b/team#5-theme#8/img/wind/th (1).jpg new file mode 100644 index 0000000..1dc58a6 Binary files /dev/null and b/team#5-theme#8/img/wind/th (1).jpg differ diff --git a/team#5-theme#8/img/wind/th (2).jpg b/team#5-theme#8/img/wind/th (2).jpg new file mode 100644 index 0000000..78a9192 Binary files /dev/null and b/team#5-theme#8/img/wind/th (2).jpg differ diff --git a/team#5-theme#8/img/wind/wind-mill-3674243_960_720.jpg b/team#5-theme#8/img/wind/wind-mill-3674243_960_720.jpg new file mode 100644 index 0000000..f848cb1 Binary files /dev/null and b/team#5-theme#8/img/wind/wind-mill-3674243_960_720.jpg differ diff --git a/team#5-theme#8/img/wind/wind-power-3767886__340.webp b/team#5-theme#8/img/wind/wind-power-3767886__340.webp new file mode 100644 index 0000000..fcb858f Binary files /dev/null and b/team#5-theme#8/img/wind/wind-power-3767886__340.webp differ diff --git a/team#5-theme#8/img/wind/windmill-157858_1280.png b/team#5-theme#8/img/wind/windmill-157858_1280.png new file mode 100644 index 0000000..dd95226 Binary files /dev/null and b/team#5-theme#8/img/wind/windmill-157858_1280.png differ diff --git a/team#5-theme#8/img/wind/windmills-311837__340.webp b/team#5-theme#8/img/wind/windmills-311837__340.webp new file mode 100644 index 0000000..f4a3fd0 Binary files /dev/null and b/team#5-theme#8/img/wind/windmills-311837__340.webp differ diff --git a/team#5-theme#8/img/wind/windrader-4832701__340.webp b/team#5-theme#8/img/wind/windrader-4832701__340.webp new file mode 100644 index 0000000..9856e92 Binary files /dev/null and b/team#5-theme#8/img/wind/windrader-4832701__340.webp differ diff --git a/team#5-theme#8/index.html b/team#5-theme#8/index.html new file mode 100644 index 0000000..1671385 --- /dev/null +++ b/team#5-theme#8/index.html @@ -0,0 +1,393 @@ + + + + + + + Navikaran | Welcome + + + + + + + + + + + + + + +
+ + + + +
+
+ + + + + +
+
+

We support renewable energy

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

+ about us + +

+ +
+
+ +
+ +
+

together we can make the planet Renewable

+

+ I think that the world is in the middle of a huge transition that we + have to make renewable energy.We have to transition away from fossil + fuels very,very quickly. +

+ +

+ Over the years, we have seen how important renewable energy is but if we will go internet,
+ we don’t really find any website which can really help you with finding the amount of equipment
+ you will need to make using renewable energy reliable.
+ Also no other web help is availabe in this context which can help user up to this extend
+ + With Navikaran you get all that at one place. +

+

How it Works

+

+ + As soon as you will open you will see a search bar, click on it search the name of the city you want to know + about.
+ As soon as you will press ENTER, the real-time weather will be shown on the front page and 2 links will also + be shown ; based on location and avg annual climatic data ,website will able to suggest user the optimal + energy source he can use . web site also designed to provide all productive information in most precise manner + to user which can be decidin +

+ +
+
+ +
+
+ +

Global warming free

+
+ +
+ +

cost reduction

+
+ +
+ +

Use natural energy

+
+ +
+ +

Eco friendly

+
+
+
+ + + + + +
+

+ our services + +

+ +
+
+ +

planting

+

+ We were planting seeds of change, the fruit of which we might never + see. We had to be patient +

+ read more>> +
+ +
+ +

recycle

+

+ The greatest threat to our planet is the belief that someone else + will save it +

+ read more>> +
+ +
+ +

water saving

+

Thousands Have Lived Without Love, Not One Without Water

+ read more>> +
+ +
+ +

tree saving

+

+ If you cut a tree, you kill a life. If you save a tree, you save a + life. If you plant a tree, you plant a life. +

+ read more>> +
+ +
+ +

animals saving

+

+ We should have respect for animals because it makes better human + beings of us all +

+ read more>> +
+ +
+ +

solar panel

+

+ Solar energy awareness is the most needed thing in this world today +

+ read more>> +
+
+
+ + + + + +
+

+ our projects + +

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

+ contact us + +

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

+ our recent posts + +

+ +
+
+ +
+ 11 sep, 2021 +

post title goes here

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo + veritatis nostrum voluptates cumque deserunt incidunt, minus + mollitia rem molestiae ad. +

+ +
+
+ +
+ +
+ 10 sep, 2021 +

post title goes here

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo + veritatis nostrum voluptates cumque deserunt incidunt, minus + mollitia rem molestiae ad. +

+ +
+
+ +
+ +
+ 8 sep, 2021 +

post title goes here

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo + veritatis nostrum voluptates cumque deserunt incidunt, minus + mollitia rem molestiae ad. +

+ +
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/team#5-theme#8/main.js b/team#5-theme#8/main.js new file mode 100644 index 0000000..826b6db --- /dev/null +++ b/team#5-theme#8/main.js @@ -0,0 +1,250 @@ +"use strict"; + +let menu = document.querySelector(".fa-bars"); +let navbar = document.querySelector(".navbar"); + +menu.addEventListener("click", function () { + menu.classList.toggle("fa-times"); + navbar.classList.toggle("nav-toggle"); +}); + +window.addEventListener("scroll", () => { + menu.classList.remove("fa-times"); + navbar.classList.remove("nav-toggle"); +}); + + +//------------------ARV------------------------ + +//----------------QuerySelectors----------------------------- +const input = document.querySelector('.input_text'); +const main = document.getElementById('name'); +const temp = document.querySelector('.temp'); +const desc = document.querySelector('.desc'); +const clouds = document.querySelector('.clouds'); +const button = document.querySelector('.submit'); +const errorBox = document.querySelector('.error__message'); +const HtmlInsert = document.querySelector(".insert_html"); + +//-----------------Helper functions-------------------------- +const renderHtml = function (data) { + const tempValue = data.main.temp; + console.log(tempValue); + + + //-------------Name------------------ + const nameValue = data.name; + console.log(nameValue); + + + //-------------Weather description------------------ + const descValue = data.weather[0].description; + console.log(descValue); + + + //-------------Coordinates------------------ + const { lon: longitude, lat: latitude } = data.coord; + console.log(longitude, latitude); + + + //-------------Temp, humidity, pressure------------------ + let { + temp: temperature, + feels_like: realFeel, + temp_min: minTemp, + temp_max: maxTemp, + pressure: pressure, + humidity: humidity, + } = data.main; + + temperature = (temperature - 273.15).toFixed(2); + realFeel = (realFeel - 273.15).toFixed(2); + minTemp = (minTemp - 273.15).toFixed(2); + maxTemp = (maxTemp - 273.15).toFixed(2); + + console.log(temperature, realFeel, minTemp, maxTemp, pressure, humidity); + + //-------------Wind------------------ + let { speed: speed } = data.wind; + console.log(speed); + + let windPower = ((0.5 * pressure * 15500 * 0.35 * speed * speed * speed * 0.6 * 0.95)/(8.31 * temperature)).toFixed(2); + + let numberOfHouseholds = Math.round((windPower / 5000)); + + const html = ` +
+
+

${nameValue}

+
+
+
+ +

+ Solar
+ Energy +

+
+
+
    +
  • Longitude: ${longitude}°
  • +
  • Temperature: ${temperature}°C
  • +
  • + Min. Temperature: ${minTemp}°C +
  • +
  • Latitude: ${latitude}°
  • +
  • Humidity: ${humidity}
  • +
  • + Max. Temperature: ${maxTemp}°C +
  • +
+ + +
+
+ +
+
+ +

+ Wind
+ Energy +

+
+
+ +
    +
  • Longitude: ${longitude}°
  • +
  • Wind Speed: ${speed}m/s
  • +
  • + Population:${1.2}M +
  • +
  • Latitude: ${latitude}°
  • +
  • Pressure:${pressure}
  • +
  • + Max. Temperature: ${maxTemp}°C +
  • +
+ +
+
+
+ +
+

Wind Power Calculator

+

Wind power generated: ${windPower} W

+ +

Considering a house hold require 5000 W of power

+

+ Number of household a
turbine can provide electricity: ${numberOfHouseholds} +

+
+ `; + +HtmlInsert.insertAdjacentHTML('afterend', html); +}; + +const renderError = function (err) { + errorBox.textContent = err; +}; + +//-----------------API call---------------------------------- +const apiFn = async function () { + try { + const res = await fetch( + `https://api.openweathermap.org/data/2.5/weather?q= + ${input.value} + &appid=50a7aa80fa492fa92e874d23ad061374` + ); + + const data = await res.json(); + + // if(data.message === 'city not found') { + // renderError(`This country does not exist. Please try again`); + // } + console.log(data); + // errorBox.textContent = data.message; + + renderHtml(data); + // const tempValue = data.main.temp; + // console.log(tempValue); + + + // //-------------Name------------------ + // const nameValue = data.name; + // console.log(nameValue); + + + // //-------------Weather description------------------ + // const descValue = data.weather[0].description; + // console.log(descValue); + + + // //-------------Coordinates------------------ + // const { lon: longitude, lat: latitude } = data.coord; + // console.log(longitude, latitude); + + + // //-------------Temp, humidity, pressure------------------ + // let { + // temp: temperature, + // feels_like: realFeel, + // temp_min: minTemp, + // temp_max: maxTemp, + // pressure: pressure, + // humidity: humidity, + // } = data.main; + + // temperature = (temperature - 273.15).toFixed(2); + // realFeel = (realFeel - 273.15).toFixed(2); + // minTemp = (minTemp - 273.15).toFixed(2); + // maxTemp = (maxTemp - 273.15).toFixed(2); + + // console.log(temperature, realFeel, minTemp, maxTemp, pressure, humidity); + + // //-------------Wind------------------ + // let { speed: speed } = data.wind; + // console.log(speed); + + + //-------------Html------------------- + main.innerHTML = nameValue; + desc.innerHTML = 'Desc - ' + descValue; + temp.innerHTML = `Temp - ${(tempValue - 273.15).toFixed(2)} °C`; + input.value = ''; + + } catch (err) { + renderError(`This country does not exist. Please try again`); + setTimeout(function () { + errorBox.style.display = 'none'; + }, 3000); + input.value = ''; + } +}; + + +//----------------------Event Listeners--------------------- +document.addEventListener('keypress', function (e) { + if (e.key === 'Enter') { + if (input.value == '') { + renderError(`Please enter a city name`); + setTimeout(function () { + errorBox.style.display = 'none'; + }, 3000); + } else { + apiFn(); + } + } +}); + +button.addEventListener('click', function () { + if (input.value == '') { + renderError(`Please enter a city name`); + setTimeout(function () { + errorBox.style.display = 'none'; + }, 3000); + } else { + apiFn(); + } +}); + diff --git a/team#5-theme#8/news.html b/team#5-theme#8/news.html new file mode 100644 index 0000000..c481bdb --- /dev/null +++ b/team#5-theme#8/news.html @@ -0,0 +1,43 @@ + + + + + + + Navikaran | News + + + +
+ +

News

+
+ +
+
+
News Title
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis deleniti soluta molestiae delectus obcaecati excepturi veritatis culpa perspiciatis recusandae eos quo sapiente incidunt ab, adipisci velit et earum nulla nemo?
+
+
+
News Title
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis deleniti soluta molestiae delectus obcaecati excepturi veritatis culpa perspiciatis recusandae eos quo sapiente incidunt ab, adipisci velit et earum nulla nemo?
+
+
+
News Title
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis deleniti soluta molestiae delectus obcaecati excepturi veritatis culpa perspiciatis recusandae eos quo sapiente incidunt ab, adipisci velit et earum nulla nemo?
+
+
+
News Title
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis deleniti soluta molestiae delectus obcaecati excepturi veritatis culpa perspiciatis recusandae eos quo sapiente incidunt ab, adipisci velit et earum nulla nemo?
+
+
+
News Title
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis deleniti soluta molestiae delectus obcaecati excepturi veritatis culpa perspiciatis recusandae eos quo sapiente incidunt ab, adipisci velit et earum nulla nemo?
+
+
+
News Title
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis deleniti soluta molestiae delectus obcaecati excepturi veritatis culpa perspiciatis recusandae eos quo sapiente incidunt ab, adipisci velit et earum nulla nemo?
+
+
+ + diff --git a/team#5-theme#8/read_me.txt b/team#5-theme#8/read_me.txt new file mode 100644 index 0000000..5ef7839 --- /dev/null +++ b/team#5-theme#8/read_me.txt @@ -0,0 +1,54 @@ +NaviKaran +We support Renewable Energy. +Renewable energy is future + + +WHY DO WE NEED NAVIKARAN? +Over the years, we have seen how important renewable energy is but if we will go internet, +we don’t really find any website which can really help you with finding the amount of equipment +you will need to make using renewable energy reliable. +Also no other web help is availabe in this context which can help user up to this extend + +With Navikaran you get all that at one place. +========================================================================================== + +67% achievement : +Due to the lack of time, we were only able to make our wind energy and solar energy sections fully function. + +But in few weeks, we will also be able to provide services related to other renewable energy forms like water, biomass and etc. + +**In NaviKaran, Our primary aim is to make the general population more familiar with renewable energy and +provide them best help from selection to installation journey +=========================================================================================== +Solar energy: + +When it comes to India, we have an abundance of solar energy and the fact that we are still not able to use +it to its full capacity is outraging. + +Most of us don’t really realise how easy it is to install a solar panel in their households and +that is why we came up with this web-site which will help every user to know the advantages, disadvantages +and cost of a solar panel. + +To make it easier to understand, we have also provided a link to a solar panel cost calculator +which takes all the state-wise subsidies into considerations. + +Wind energy: +Wind energy is very efficient and reliable in a region which is not close to the coast and when +it comes to India we have many regions which satisfy this condition. +Although wind turbines are very expensive but at the same time they are very efficient and +in the right conditions they can easily fulfil electricity needs of 1000+ households. +To make it easier for the user to estimate the power production of a turbine we have also add +a calculator which uses Open-Weather api to know about the climate of the region the user wants to know about. +With pressure, temperature and wind velocity we can easily estimate the power production of a wind turbine of a given size. + +============================================================================================================================================================================================= +============================================================================================================================================================================================= + +how it work /HIDDEN FEATURES: +As soon as you will open you will see a search bar, click on it search the name of the city you want to know about. +As soon as you will press ENTER, the real-time weather will be shown on the front page and 2 links will also be shown ; based on location and avg annual climatic data ,website will able to suggest user the optimal energy source he can use . web site also designed to provide all productive information in most precise manner to user which can be deciding factor for its installation . + + +if user decide to go with any energy source web will further help him to estimate the budget of installation , ROI,warranty ,government subsidy , market current product price and many more ... + +Our website is really simple to use for further queries, you can go to the contact us section in the website. \ No newline at end of file diff --git a/team#5-theme#8/solar.css b/team#5-theme#8/solar.css new file mode 100644 index 0000000..3e6ae55 --- /dev/null +++ b/team#5-theme#8/solar.css @@ -0,0 +1,330 @@ +@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap'); + +:root{ + --green:#0d9979; +} + +*{ + font-family: 'Open Sans', sans-serif; + margin:0; padding:0; + box-sizing: border-box; + text-transform: capitalize; + text-decoration: none; + transition: all .5s cubic-bezier(.37,1.14,.26,1.24); +} + +*::selection{ + background:var(--green); + color:#fff; +} + +html{ + font-size: 62.5%; + overflow-x: hidden; +} + + + +.heading{ + text-align: center; + font-size: 4rem; + color:#555; + padding:1rem; + padding-top: 7rem; +} + +.heading i{ + color:var(--green); + font-size: 2rem; +} + +.btn{ + height:3.5rem; + width:15rem; + background:none; + outline:none; + border:.2rem solid var(--green); + color:var(--green); + font-size: 2rem; + margin:1rem 0; + cursor: pointer; + overflow: hidden; + z-index: 0; + position: relative; +} + +.btn::before, .btn::after{ + position: absolute; + content: ''; + top:0; left:0; + height:100%; + width: 100%; + background:var(--green); + z-index: -1; + transition: all 0.5s cubic-bezier(.37,1.14,.26,1.24); +} + +.btn::before{ + clip-path: polygon(0 0, 0 0, 0 0); +} + +.btn:hover:before{ + clip-path: polygon(0 0, 0 100%, 100% 0); +} + +.btn::after{ + clip-path: polygon(100% 100%, 100% 100%, 100% 100%); +} + +.btn:hover:after{ + clip-path: polygon(100% 0%, 0% 100%, 100% 100%); +} + +.btn:hover{ + color:#fff; +} + +.solarheader{ + display: flex; + align-items: center; + justify-content: space-between; + background-color: transparent; + box-shadow: 0 .1rem .3rem rgba(0,0,0,.3); + position: fixed; + top:0; left:0; + z-index: 1000; + padding: 1rem 5rem; + width: 100%; +} +.solarheader .logo{ + color:var(--green); + font-size: 3rem; +} +.solarhome{ + min-height: 100vh; + display: flex; + align-items: center; + justify-content: center; + background: url(img/solar-panel-241903_1920.jpg) no-repeat; + background-size: cover; + background-position: center; + transition:5s; + animation-name: animate; + animation-direction: alternate-reverse; + animation-duration: 30s; + animation-fill-mode: forwards; + animation-iteration-count: infinite; + animation-play-state: running; + animation-timing-function: ease-in-out; +} + +.solarhome .solarcontent{ + text-align: center; + padding:1rem; +} +.solarhome .solarcontent h1{ + font-size: 7rem; + color:var(--green); +} + +.project{ + background:rgb(153, 211, 156); + min-height: 100vh; +} + +.project .heading{ + color:rgb(66, 112, 84); +} + +.project .box-container{ + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + padding:2rem 0; + width: 90%; + margin:0 auto; +} + +.project .box-container .box{ + flex: 1 1 30rem; + height: 22rem; + box-shadow: 0 .3rem .5rem #000; + overflow: hidden; + position: relative; + margin:1rem; +} + +.project .box-container .box img{ + height:100%; + width:100%; + object-fit: cover; +} + +.project .box-container .box img:hover{ + transform: scale(2,2); + transition:2s transform; +} + +.information{ + background:rgb(201, 182, 182) ; + + +} + + +.about{ + background:rgb(208, 228, 236) ; +} +.about .row{ + display: flex; + align-items: center; + justify-content: space-around; + flex-wrap: wrap; +} + +.about .row .image{ + flex:1 1 40rem; + padding:2rem; +} + +.about .row .image img{ + width: 75%; +} + +.about .row .content{ + flex:1 1 40rem; + padding:2rem; +} + +.about .row .content h3{ + font-size: 3rem; + color:var(--green); +} + +.about .row .content h4{ + font-size: 2rem; + color:black; +} + + +.about .row .content p{ + font-size: 1.5rem; + color:#666; + padding:1rem 0; +} + + + + + +.footer{ + background:#333; +} + +.footer .box-container{ + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + width: 95%; + margin:0 auto; +} + +.footer .box-container .box{ + margin:2rem; + flex:1 1 25rem; +} + +.footer .box-container .box .logo{ + font-size: 3rem; + color:var(--green); +} + +.footer .box-container .box p{ + font-size: 1.7rem; + color:#ccc; + padding:1rem 0; +} + +.footer .box-container .box .share{ + text-align: center; + font-size: 3rem; + color:#fff; +} + +.footer .box-container .box:nth-child(2) a{ + text-align: center; + font-size: 1.7rem; + color:#eee; + display: block; + padding:.5rem 0; +} + +.footer .box-container .box:nth-child(2) a:hover{ + text-decoration: underline; +} + +.footer .box-container .box .letter{ + font-size: 3rem; + color:#fff; +} + +.footer .box-container .box form input[type="email"]{ + padding:0 1rem; + outline:none; + border:.2rem solid var(--green); + background:none; + font-size: 1.7rem; + color:#fff; + height:4rem; + width:74%; +} + +.footer .box-container .box form button{ + outline:none; + border:none; + background:var(--green); + font-size: 1.9rem; + color:#fff; + height:4rem; + width:25%; + cursor: pointer; +} + +.footer .box-container .box form button:hover{ + color:var(--green); + background:none; + border:.1rem solid var(--green); +} + +.footer .credit{ + text-align: center; + color:#fff; + font-size: 2rem; + width:85%; + margin:0 auto; + padding:2rem 1rem; + border-top: .1rem solid #ccc; +} + +.footer .credit span{ + color:var(--green); +} + + +@keyframes animate{ + 0%{ + background: url(img/solar-panel-241903_1920.jpg) no-repeat; + } + 25%{ + background: url(img/solar-panels-1477987_1920.jpg) no-repeat; + } + 50%{ + background: url(img/solar-panels-943999_1920.jpg) no-repeat; + } + 100%{ + background: url(img/solar-power-1019830_1920.jpg) no-repeat; + } + +} \ No newline at end of file diff --git a/team#5-theme#8/solar.html b/team#5-theme#8/solar.html new file mode 100644 index 0000000..4c7664f --- /dev/null +++ b/team#5-theme#8/solar.html @@ -0,0 +1,262 @@ + + + + + + + + Solar energy + + + + + + + + + +
+ + + +
+ + +
+
+

Solar Energy

+
+
+ + + + +
+ +

Government Projects +

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

When we discuss about solar energy, then we think about pricing of solar system, and then after the subsidy scheme of solar panels. Let’s today we know about government solar subsidy scheme & procedure of each states of India. +

+
+ + + +
+ +

Facts On Solar Energy +

+ +
+ +
+ +
+ +
+

Facts-:

+

Fact 1: The earth gets 174 Petawatts of incoming solar radiation in the upper atmosphere. About 30% + is reflected back to space, and the rest is absorbed by oceans, clouds and landmasses.

+

Fact 2: Solar technology can be distinguished into active and passive. Photovoltaic panels and solar + thermal collectors which harness solar energy are examples of active solar technology. Passive + technology includes constructing rooms to improve air circulation, orienting space to use sunlight + favorably.

+

Fact 3: 7. Solar energy is the cheapest source of energy in the world as of 2017. Solar energy is + cheaper than fossil fuels as of 2019.

+

Fact 4: Alexandre Becquerel discovered the photovoltaic effect in 1839.

+

Fact 5: Solar panels produce 10 kilowatt-hours of electricity per square foot.Solar panels don’t need + direct sunlight to generate electricity.

+

Fact 6: To power the whole earth with solar energy, it would require 191,000 square miles of solar + panels.In 30 years, the average rooftop solar panel system can reduce pollution by 100 tons of + carbon dioxide.

+

Fact 7: The average solar panel has a 25-year warranty.The most efficient solar panels are made from + monocrystalline silicon.

+

Fact 8:The average solar panel system operates at 20% efficiency, meaning that it converts 20% of + the sunlight that hits it into electricity..

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

Subsidy Benefits +

+ +
+ +
+

There are three parties involved in the process: 1. Customers, 2. Channel Partners, and 3. DISCOMS. +

+

#1. Customer Benefits

+

The subsidy is only available on Residential Homes (Individual Homes & Big Apartments), not + commercial and industrial sectors. A solar subsidy is only available on Grid Connected Solar System + (Without Battery System). As installing a solar system is a huge investment, the financial + assistance motivates people to invest and takes some burden off their shoulders. + +

Subsidy Amount – Up to 3kW – 40% Subsidy,
+ 4kW to 10kW – 20% Subsidy &
+ More than 10kW – No any subsidy

+ +

Homeowners can only install a solar system and claim subsidy through the state DISCOM. They will + share customer details and register the nearest channel partner. You can find all states DISCOMS + from here.

+ +

If you install solar system though subsidy scheme, the solar installation company will provide 5 + years of performance warranty, then after you are self responsible for your solar system.

+ +

This subsidy is not available for commercial and industrial customers because they can avail other + benefits like accelerated depreciation, tax holidays, excise duty exemptions.

+

+ +

#2. Channel Partner Benefits

+

Channel Partners benefit from a larger customer base and more business. It is difficult for a common + person to figure out the processes of getting the subsidy though he very much desires it. It is now + that the channel partner comes into the picture. He tries to work with the customer and the + government departments and expedite the process of getting a subsidy for the customer. +

+ +

#3. DISCOMS Benefits

+

Power consumption demands reduce in residential sectors and they can give more in commercial area. We know that Commercial areas need more electricity than residential.

+ +

The customer is happy as he got his financial aid, the channel partner is happy as he got a new customer and the government is happy too as it is one step closer to its solar target installation.

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

Cost estimation

+ +
+ +
+ +
+ +
+ +

Both central and state offer subsidy schemes to people for installing solar rooftop systems. The central government pays a 30% subsidy for these systems to states in general categories. For special states like states such as Uttarakhand, Sikkim, Himachal Pradesh, Jammu & Kashmir and Lakshadweep, subsidy of up to 70% is given by the central government.

+ +

Solar Rooftop Calculator

+

This calculator will help you to get rough estimation in installation cost,ROI subsidies an many more with will help you to get an idea

+ + +
+ +
+ +
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/team#5-theme#8/style.css b/team#5-theme#8/style.css new file mode 100644 index 0000000..d2526c5 --- /dev/null +++ b/team#5-theme#8/style.css @@ -0,0 +1,884 @@ +@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap'); + +:root{ + --green:#0d9979; +} + +*{ + font-family: 'Open Sans', sans-serif; + margin:0; padding:0; + box-sizing: border-box; + text-transform: capitalize; + text-decoration: none; + transition: all .5s cubic-bezier(.37,1.14,.26,1.24); +} + +*::selection{ + background:var(--green); + color:#fff; +} + +html{ + font-size: 62.5%; + overflow-x: hidden; +} + +.btn{ + height:3.5rem; + width:15rem; + background:none; + outline:none; + border:.2rem solid var(--green); + color:var(--green); + font-size: 2rem; + margin:1rem 0; + cursor: pointer; + overflow: hidden; + z-index: 0; + position: relative; +} + +.btn::before, .btn::after{ + position: absolute; + content: ''; + top:0; left:0; + height:100%; + width: 100%; + background:var(--green); + z-index: -1; + transition: all 0.5s cubic-bezier(.37,1.14,.26,1.24); +} + +.btn::before{ + clip-path: polygon(0 0, 0 0, 0 0); +} + +.btn:hover:before{ + clip-path: polygon(0 0, 0 100%, 100% 0); +} + +.btn::after{ + clip-path: polygon(100% 100%, 100% 100%, 100% 100%); +} + +.btn:hover:after{ + clip-path: polygon(100% 0%, 0% 100%, 100% 100%); +} + +.btn:hover{ + color:#fff; +} + +.heading{ + text-align: center; + font-size: 4rem; + color:#555; + padding:1rem; + padding-top: 7rem; +} + +.heading i{ + color:var(--green); + font-size: 2rem; +} + + +header{ + display: flex; + align-items: center; + justify-content: space-between; + background:#fff; + box-shadow: 0 .1rem .3rem rgba(0,0,0,.3); + position: fixed; + top:0; left:0; + z-index: 1000; + padding: 1rem 5rem; + width: 100%; +} + +header .logo{ + color:var(--green); + font-size: 3rem; +} + +header .navbar ul{ + display: flex; + align-items: center; + justify-content: space-between; + list-style: none; +} + +header .navbar ul li{ + margin:0 1rem; +} + +header .navbar ul li a{ + font-size: 2rem; + color:#666; +} + +header .navbar ul li a:hover{ + color:var(--green); +} + +header .fa-bars{ + font-size: 3rem; + color:#666; + cursor: pointer; + display: none; +} + +.home{ + min-height: 100vh; + display: flex; + align-items: center; + justify-content: center; + background: url(img/lamp-3115623_1920.jpg) no-repeat; + background-size: cover; + background-position: center; +} + +.home .content{ + text-align: center; + padding:1rem; +} + +.home .content h1{ + font-size: 7rem; + color:var(--green); +} + +.home .content p{ + font-size: 1.9rem; + color:#333; + padding:1rem 0; + width: 85rem; +} + +.about .row{ + display: flex; + align-items: center; + justify-content: space-around; + flex-wrap: wrap; +} + +.about .row .image{ + flex:1 1 40rem; + padding:2rem; +} + +.about .row .image img{ + width: 100%; +} + +.about .row .content{ + flex:1 1 40rem; + padding:2rem; +} + +.about .row .content h3{ + font-size: 3rem; + color:var(--green); +} + +.about .row .content p{ + font-size: 1.5rem; + color:#666; + padding:1rem 0; +} + +.about .box-container{ + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; +} + +.about .box-container .box{ + padding:2rem 1rem; + text-align: center; + border:.2rem solid var(--green); + flex:1 1 20rem; + margin:2rem; +} + +.about .box-container .box i{ + color:var(--green); + font-size: 4rem; +} + +.about .box-container .box h3{ + color:#333; + font-size: 2.5rem; + padding:1rem 0; +} + +.about .box-container .box p{ + color:#666; + font-size: 1.7rem; +} + +.service{ + background:#f0f0f0; + min-height: 100vh; +} + +.service .box-container{ + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + width: 80%; + margin:0 auto; +} + +.service .box-container .box{ + flex:1 1 25rem; + padding:2rem 1rem; + text-align: center; + background:#fff; + background-color: #7bab7b; + margin:2rem; + cursor: pointer; +} + +.service .box-container .box i{ + color: var(--green); + font-size: 4rem; + padding:1rem 0; +} + +.service .box-container .box h3{ + color: #333; + font-size: 2rem; +} + +.service .box-container .box p{ + color: white; + font-size: 1.5rem; + padding:1rem 0; +} + +.service .box-container .box a{ + color:#333; + font-size: 1.7rem; +} + +.service .box-container .box a:hover{ + color:var(--green); +} + +.service .box-container .box:hover{ + box-shadow: 0 .3rem .5rem rgba(0,0,0,.3); +} + +.project{ + background:#333; + min-height: 100vh; +} + +.project .heading{ + color:#fff; +} + +.project .box-container{ + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + padding:2rem 0; + width: 90%; + margin:0 auto; +} + +.project .box-container .box{ + flex: 1 1 30rem; + height: 22rem; + box-shadow: 0 .3rem .5rem #000; + overflow: hidden; + position: relative; + margin:1rem; +} + +.project .box-container .box img{ + height:100%; + width:100%; + object-fit: cover; +} + +.project .box-container .box .icons{ + height:100%; + width:100%; + position: absolute; + top:100%; left: 0; + display: flex; + align-items: flex-end; + justify-content: space-around; + background:linear-gradient(transparent, rgba(0,0,0,.7)); + transform: scale(0); +} + +.project .box-container .box:hover .icons{ + top:0; + transform: scale(1); +} + +.project .box-container .box .icons a{ + font-size: 3rem; + color:#fff; + margin:3rem 0; + text-shadow: 0 .3rem .5rem #000; + transform: translateY(13rem); + transition-delay: calc(.2s * var(--i)); +} + +.project .box-container .box:hover .icons a{ + transform: translateY(0rem); +} + +.contact{ + position: relative; + z-index: 0; + min-height: 100vh; + padding-bottom: 3rem; +} + +.contact .heading { + color:#fff; +} + +.contact .video-container video{ + position: absolute; + top:0; left:0; + height:100%; + width:100%; + object-fit: cover; + z-index: -1; +} + +.contact .form-container form{ + width:80%; + margin:2rem auto; + padding:2rem; + background:rgba(255,255,255,.1); + backdrop-filter: blur(.4rem); + box-shadow: 0 .3rem .5rem #000; + text-align: center; + border-top: .1rem solid rgba(255,255,255,.3); + border-left: .1rem solid rgba(255,255,255,.3); +} + +.contact .form-container form .inputBox{ + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.contact .form-container form .inputBox input, select{ + height:4rem; + width: 49%; + background:#fff; + color:#333; + padding:0 1rem; + margin:1rem 0; + font-size: 1.7rem; + outline: none; + border:none; +} + +.contact .form-container form textarea{ + height:20rem; + width: 100%; + background:#fff; + color:#333; + padding:1rem; + margin:1rem 0; + font-size: 1.7rem; + outline: none; + border:none; + resize: none; +} + +.contact .form-container form input[type="submit"]{ + color:#fff; + border-color: #fff; +} + +.contact .form-container form input[type="submit"]:hover{ + color:var(--green); + border-color: var(--green); + background:#fff; +} + +.post{ + min-height: 100vh; +} + +.post .box-container{ + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + padding:2rem 0; +} + +.post .box-container .box{ + width: 35rem; + box-shadow: 0 .3rem .5rem rgba(0,0,0,.3); + margin:2rem 1.5rem; +} + +.post .box-container .box img{ + height: 23rem; + width: 100%; + object-fit: cover; +} + +.post .box-container .box .content{ + padding:1rem; +} + +.post .box-container .box .content span{ + font-size: 1.5rem; + color:#666; +} + +.post .box-container .box .content span i{ + padding:1rem 0; + color:var(--green); +} + +.post .box-container .box .content h3{ + font-size: 2.4rem; + color:#333; +} + +.post .box-container .box .content:hover h3{ + text-decoration: underline; + color:var(--green); +} + +.post .box-container .box .content p{ + color:#666; + font-size: 1.5rem; +} + +.footer{ + background:#333; +} + +.footer .box-container{ + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + width: 95%; + margin:0 auto; +} + +.footer .box-container .box{ + margin:2rem; + flex:1 1 25rem; +} + +.footer .box-container .box .logo{ + font-size: 3rem; + color:var(--green); +} + +.footer .box-container .box p{ + font-size: 1.7rem; + color:#ccc; + padding:1rem 0; +} + +.footer .box-container .box .share{ + text-align: center; + font-size: 3rem; + color:#fff; +} + +.footer .box-container .box:nth-child(2) a{ + text-align: center; + font-size: 1.7rem; + color:#eee; + display: block; + padding:.5rem 0; +} + +.footer .box-container .box:nth-child(2) a:hover{ + text-decoration: underline; +} + +.footer .box-container .box .letter{ + font-size: 3rem; + color:#fff; +} + +.footer .box-container .box form input[type="email"]{ + padding:0 1rem; + outline:none; + border:.2rem solid var(--green); + background:none; + font-size: 1.7rem; + color:#fff; + height:4rem; + width:74%; +} + +.footer .box-container .box form button{ + outline:none; + border:none; + background:var(--green); + font-size: 1.9rem; + color:#fff; + height:4rem; + width:25%; + cursor: pointer; +} + +.footer .box-container .box form button:hover{ + color:var(--green); + background:none; + border:.1rem solid var(--green); +} + +.footer .credit{ + text-align: center; + color:#fff; + font-size: 2rem; + width:85%; + margin:0 auto; + padding:2rem 1rem; + border-top: .1rem solid #ccc; +} + +.footer .credit span{ + color:var(--green); +} + +.error__message { + height: 2rem; + padding: 0.5rem; + color: rgb(250, 62, 62); +} + +.energies { + height: 33.5rem; + background: rgb(228, 228, 228); + /* display: flex; */ + /* direction: column; */ + padding-top: 1rem; +} + +.wind__section, +.solar__section { + width: 100%; + height: 8rem; + padding: 1rem; + margin: 1rem; + /* z-index: 10; */ + /* background: #000; */ + display: flex; + justify-content: space-around; +} + +.wind, +.solar { + height: 8rem; + width: 20%; + background: #5ac479; + border-radius: 0.9rem; + box-shadow: 0 0.5rem 0.6rem rgba(0, 0, 0, 0.2); + display: flex; + justify-content: space-around; +} + +.wind-text, +.solar-text { + height: 8rem; + width: 60%; + background: rgb(212, 212, 212); + border-radius: 0.9rem; + box-shadow: 0 0.5rem 0.6rem rgba(0, 0, 0, 0.2); +} + + + + + + .heading-results { + margin-left: 35rem; + /* margin: 2.5rem; */ + height: 8rem; + width: 20%; + background: #087f5be8; + border-radius: 0.9rem; + box-shadow: 0 0.5rem 0.4rem rgba(0, 0, 0, 0.329); +} + +.heading__text { + padding-top: 2rem; + text-align: center; + font-size: 3.5rem; + color: rgb(231, 230, 230); +} + +.boldText { + color: rgb(68, 68, 68); + font-size: 1.1rem; + margin-right: 0.4rem; +} + +.list { + list-style: none; + margin: -2rem 0; + padding: 3rem 0; + /* border-top: var(--line); */ + /* border-bottom: var(--line); */ + display: flex; + flex-wrap: wrap; +} +.list__item { + flex: 0 0 30%; + margin: 1rem 0.7rem; +} +.list__item::before { + content: ''; + display: inline-block; + height: 1rem; + width: 1rem; + margin-right: 0.7rem; + background-image: url(../img/chevron-thin-right.svg); + background-size: cover; +} +@supports (-webkit-mask-image: url()) or (mask-image: url()) { + .list__item::before { + background-color: var(--color-primary); + -webkit-mask-image: url(../img/chevron-thin-right.svg); + -webkit-mask-size: cover; + mask-image: url(../img/chevron-thin-right.svg); + mask-size: cover; + background-image: none; + } +} + +.feature-icon { + color: #f04738; + height: 5.6rem; + width: 5.6rem; + background-color: #fdf2e900; + margin-bottom: 3.2rem; + padding-left: 1rem; + padding-top: 1rem; + border-radius: 50%; +} + +.ph-wind { + color: #e0eefa; + font-size: 5.6rem; +} + +.primary__heading { + font-size: 1.8rem; + color: #f8ffe4; + padding-top: 1.5rem; + padding-right: 1.5rem; +} + +.input { + text-align: center; + margin: 100px auto; +} + +.submit { + color: #e4e0e0; + padding: 15px 30px; + margin-left: 0.1rem; + background: #147a33; + border: none; + border-radius: 1px; + font-family: 'Nunito', sans-serif; + font-weight: bold; + font-size: 20px; + border-radius: 100px; + cursor: pointer; +} + +.input_text { + color: rgb(56, 56, 56); +} + +.input input[type='text'] { + margin-top: 4rem; + width: 600px; + height: 55px; + padding: 5px 10px; + background: #b3e6c288; + border: none; + border-radius: 1px; + font-family: 'Arial', sans-serif; + font-size: 20px; + border-radius: 100px; + padding-left: 2rem; + letter-spacing: 0.1rem; + border: none; +} + +.input input[type='text']:focus { + outline: none; +} + +.news__heading { + height: 20%; + background-color: #0d9979; +} + +.heading__news { + color: rgb(238, 238, 238); + font-size: 7.5rem; + margin-left: 60rem; +} + +.container { + justify-content: space-around; +} + +.news1 { + display: block; +} + +.news-headings { + margin-top: 20rem; + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 15rem; + padding: 10rem; +} + +.news1, .news2, .news3, .news4, .news5, .news6 { + display: block; + width: 100%; +} + +.news__title { + background-color: #147a33; + padding: 20px; + color: rgb(253, 249, 237); + font-size: 2rem; + /* height: 12rem; */ + max-height: 12rem; +} + +.news__desc { + background-color: rgb(247, 251, 219); + padding: 25px; + font-size: 1.5rem; + /* height: 20rem; */ + max-height: 20rem; +} + +.calculator{ + margin-bottom: 2rem; + margin-left: 20rem; + background-color: rgb(200, 250, 191); + padding: .5rem; + max-width: 50rem; +} + +.wind__calculator { + padding: 2rem; + background-color: #3a9255; +} + +.wind_energy-calculate{ + text-align: center; + color: #10ec40; + font-size: 3rem; + margin: 2rem; +} + +.wind_energy-power, .households { + color: #ececec; + padding-bottom: 1rem; + padding-left: 20rem; + font-size: 2rem; +} + +.values{ + color: rgb(0, 153, 255); +} + +.para { + color: #ff9b92; + padding-bottom: 1rem; + padding-left: 20rem; +} +/* media queries */ + +@media (max-width:768px){ + + html{ + font-size: 55%; + } + + header .fa-bars{ + display: block; + } + + header .navbar{ + position: fixed; + top:-100rem; left:0; + width: 100%; + border-top: .1rem solid #ccc; + opacity: 0; + } + + header .navbar ul{ + flex-flow: column; + padding:2rem 0; + background-color: #fff; + } + + header .navbar ul li{ + width: 100%; + text-align: center; + margin:1rem 0; + } + + header .navbar ul li a{ + font-size: 3rem; + display: block; + } + + .fa-times{ + transform: rotate(180deg); + } + + header .nav-toggle{ + top:6rem; + opacity: 1; + } + + .home .content h1{ + font-size: 5rem; + } + + .home .content p{ + width: auto; + } + + .service .box-container{ + width: auto; + } + +} + +@media (max-width:500px){ + .donate .form-container form .inputBox input, select{ + width: 100%; + } + .donate .form-container form{ + width: 90%; + } +} \ No newline at end of file diff --git a/team#5-theme#8/wind.css b/team#5-theme#8/wind.css new file mode 100644 index 0000000..a320a22 --- /dev/null +++ b/team#5-theme#8/wind.css @@ -0,0 +1,312 @@ +@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap'); + +:root{ + --green:#0d9979; +} + +*{ + font-family: 'Open Sans', sans-serif; + margin:0; padding:0; + box-sizing: border-box; + text-transform: capitalize; + text-decoration: none; + transition: all .5s cubic-bezier(.37,1.14,.26,1.24); +} + +*::selection{ + background:var(--green); + color:#fff; +} + +html{ + font-size: 62.5%; + overflow-x: hidden; +} + +.heading{ + text-align: center; + font-size: 4rem; + color:#555; + padding:1rem; + padding-top: 7rem; +} + +.heading i{ + color:var(--green); + font-size: 2rem; +} + +.btn{ + height:3.5rem; + width:15rem; + background:none; + outline:none; + border:.2rem solid var(--green); + color:var(--green); + font-size: 2rem; + margin:1rem 0; + cursor: pointer; + overflow: hidden; + z-index: 0; + position: relative; +} + +.btn::before, .btn::after{ + position: absolute; + content: ''; + top:0; left:0; + height:100%; + width: 100%; + background:var(--green); + z-index: -1; + transition: all 0.5s cubic-bezier(.37,1.14,.26,1.24); +} + +.btn::before{ + clip-path: polygon(0 0, 0 0, 0 0); +} + +.btn:hover:before{ + clip-path: polygon(0 0, 0 100%, 100% 0); +} + +.btn::after{ + clip-path: polygon(100% 100%, 100% 100%, 100% 100%); +} + +.btn:hover:after{ + clip-path: polygon(100% 0%, 0% 100%, 100% 100%); +} + +.btn:hover{ + color:#fff; +} + + +.windheader{ + display: flex; + align-items: center; + justify-content: space-between; + background-color: transparent; + box-shadow: 0 .1rem .3rem rgba(0,0,0,.3); + position: fixed; + top:0; left:0; + z-index: 1000; + padding: 1rem 5rem; + width: 100%; +} +.windheader .logo{ + color:var(--green); + font-size: 3rem; +} +.windhome{ + min-height: 100vh; + display: flex; + align-items: center; + justify-content: center; + background: url(img/wind/mill-208571_1920.jpg) no-repeat; + background-size: cover; + background-position: center; + transition:5s; + animation-name: animate; + animation-direction: alternate-reverse; + animation-duration: 30s; + animation-fill-mode: forwards; + animation-iteration-count: infinite; + animation-play-state: running; + animation-timing-function: ease-in-out; +} + +.windhome .windcontent{ + text-align: center; + padding:1rem; +} +.windhome .windcontent h1{ + font-size: 7rem; + color:var(--green); +} + +.project{ + background:rgb(218, 229, 241); + min-height: 100vh; +} + +.project .heading{ + color:rgb(66, 112, 84); +} + +.project .box-container{ + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + padding:2rem 0; + width: 90%; + margin:0 auto; +} + +.project .box-container .box{ + flex: 1 1 30rem; + height: 22rem; + box-shadow: 0 .3rem .5rem #000; + overflow: hidden; + position: relative; + margin:1rem; +} + +.project .box-container .box img{ + height:100%; + width:100%; + object-fit: cover; +} + +.project .box-container .box img:hover{ + transform: scale(2,2); + transition:2s transform; +} + +.about{ + background: rgb(242, 250, 250); +} +.about .row{ + display: flex; + align-items: center; + justify-content: space-around; + flex-wrap: wrap; +} + +.about .row .image{ + flex:1 1 40rem; + padding:2rem; +} + +.about .row .image img{ + width: 100%; +} + +.about .row .content{ + flex:1 1 40rem; + padding:2rem; +} + +.about .row .content h3{ + font-size: 3rem; + color:var(--green); +} + +.about .row .content p{ + font-size: 1.5rem; + color:#666; + padding:1rem 0; +} + +.footer{ + background:#333; +} + +.footer .box-container{ + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + width: 95%; + margin:0 auto; +} + +.footer .box-container .box{ + margin:2rem; + flex:1 1 25rem; +} + +.footer .box-container .box .logo{ + font-size: 3rem; + color:var(--green); +} + +.footer .box-container .box p{ + font-size: 1.7rem; + color:#ccc; + padding:1rem 0; +} + +.footer .box-container .box .share{ + text-align: center; + font-size: 3rem; + color:#fff; +} + +.footer .box-container .box:nth-child(2) a{ + text-align: center; + font-size: 1.7rem; + color:#eee; + display: block; + padding:.5rem 0; +} + +.footer .box-container .box:nth-child(2) a:hover{ + text-decoration: underline; +} + +.footer .box-container .box .letter{ + font-size: 3rem; + color:#fff; +} + +.footer .box-container .box form input[type="email"]{ + padding:0 1rem; + outline:none; + border:.2rem solid var(--green); + background:none; + font-size: 1.7rem; + color:#fff; + height:4rem; + width:74%; +} + +.footer .box-container .box form button{ + outline:none; + border:none; + background:var(--green); + font-size: 1.9rem; + color:#fff; + height:4rem; + width:25%; + cursor: pointer; +} + +.footer .box-container .box form button:hover{ + color:var(--green); + background:none; + border:.1rem solid var(--green); +} + +.footer .credit{ + text-align: center; + color:#fff; + font-size: 2rem; + width:85%; + margin:0 auto; + padding:2rem 1rem; + border-top: .1rem solid #ccc; +} + +.footer .credit span{ + color:var(--green); +} + + +@keyframes animate{ + 0%{ + background: url(img/wind/mill-208571_1920.jpg) no-repeat; + } + 25%{ + background: url(img/wind/park-wind-farm-3820819_1920.jpg) no-repeat; + } + 50%{ + background: url(img/wind/pinwheels-6535595_1920.jpg) no-repeat; + } + 100%{ + background: url(img/wind/windmill-157858_1280.png) no-repeat; + } + +} \ No newline at end of file diff --git a/team#5-theme#8/wind.html b/team#5-theme#8/wind.html new file mode 100644 index 0000000..b136ca9 --- /dev/null +++ b/team#5-theme#8/wind.html @@ -0,0 +1,257 @@ + + + + + + + + wind energy + + + + + + + + + +
+ + + +
+ + +
+
+

Wind Energy

+
+
+ + + + +
+ +

Government projects +

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

About Wind Energy +

+ +
+ +
+ +
+ +
+ +

Wind is one of the fastest growing and most widely used sources of renewable energy on the planet, + and for a good reason! It’s a clean source of power that causes minimal pollution and mass + production, government subsidies and advancements in turbine technology are making it more + affordable than ever before.

+ +

The average size of onshore turbines being manufactured today is around 2.5-3 MW, with blades of + about 50 metres length. The blades are spun by the wind which transfers motion to a shaft connected + to a generator which produces electricity.

+ +

Ministry, in consultation with National Institute of Wind Energy + Chennai, has prepared a draft certification scheme incorporating various + guidelines issued by MNRE and titled under "Indian Wind Turbine + Certification Scheme (IWTCS)".

+ +

2. The IWTCS is a consolidation of relevant National and + International Standards (IS/IEC/IEEE), Technical Regulations and + requirements issued by Central Electricity Authority (CEA), guidelines + issued by MNRE and other international guidelines. It has also strived to + incorporate various best practices from other countries to ensure the + quality of the wind energy projects. The Scheme enlists the guidelines for + the benefit of all the stakeholders from concept to lifetime of wind turbine, + including Indian Type Approved Model (ITAM), Indian Type Certification + Scheme (ITCS), Wind Farm Project Certification Scheme (WFPCS) and + Wind Turbine Safety & Performance Certification Scheme (WTSPCS). +

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

Regulatory Requirements +

+ +
+ +
+

+ Regulatory requirements largely drive the area wind turbines require. There are more than 3,000 + counties in the United States -- most of them responsible for wind zoning regulations -- and it is + unlikely each has an expert on the siting of wind turbines. That leads to some quite arbitrary + regulations. The provisions for setbacks are a good example, and could have an impact on the amount + of space a turbine array needs. Because wind technology is relatively new and rapidly changing, + there isn't a lot of data on the disadvantages or dangers of siting turbines near other structures, + so there are some almost random decisions on the minimum distance wind turbines should be located + from property lines. Setback regulations in the United States vary from a distance "so that noise + from the turbines is not an intrusion," to "twice the height of the system, including the rotor + blades," to a uniform 304.8 meters (1,000 feet).

+ + +

cost of installation

+

As wind energy comes under non-conventional energy it gets a tax break of 80 per cent as + depreciation + during the first year. All the other investments over Rs 1 lakh are taxed by the + government.

+

Banks provide 70 per cent of the project cost as loans at 9 per cent interest for installation of + wind + energy. The minimum cost of installation works out to Rs 1 crore for a 250 kw wind turbine. Thus, an + individual will have to bring in Rs 30-35 lakh upfront, while the balance can be funded through bank + loans.

+

The energy produced can be sold to state electricity boards. In the first year of operations, almost + half the amount that individuals invest – close to Rs 14 lakh –can be earned as revenues. The + proceeds + can be used to pay off part of the loan as well.

+

Cost of operation, maintenance and insurance works out to Rs 40,000-50,000 a year. Wind turbine + manufacturers give a one-year warranty on an installed turbine. + Wind energy is considered to be one of most environmental friendly way of producing energy compared + with + conventional energy.

+ + +

This calculator gives an idea of energy produce by wind turbine based on component part data provided

+

Consumption calculator is provided at home page itself where detail consumption data is provided

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

Development of Wind Energy in Indian market

+ +
+ +
+ +
+ +
+ +

+ In 1952, Maneklal Sankalchand Thacker, a renowned engineer, in association with Council of Scientific and Industrial Research (CSIR) started a project to study and determine wind energy possibilities in India. Under this initiation, a Sub-Committee to analyse the wind resources of the country was formed (Wind Power in India, 2018). Oil crisis of 1970’s causing fuel price rise and demand-supply imbalance had a large impact on renewable energy development worldwide. Commission for Additional Sources of Energy (CASE) was established by Gov. of India in the year 1981 with an aim of making and implementing policies for increasing R&D activities in renewable energy sector for technical progress. In 1983–84, in order to carry out resource assessment, wind energy projects were demonstrated in various parts of the country the country (Sangroya and Kumar Nayak, 2015). Wind energy development enhanced on a large scale in the year 1986 in India. In 1985, 600 wind monitoring stations were set up in 25 Indian states for the quantitative assessment of wind resources. Indian government gave green signal to generate grid quality wind power during 7th five-year plan (1985–1990) in order to benefit local businessmen seeking to establish grid connected wind turbines. The initial investment on wind energy projects was quite huge comprising 60–70% of the overall cost. Thus, Indian Renewable Energy Development Agency (IREDA) was set up by DNES to provide financial aid (in the form of loans) to the renewable energy projects. . MNRE, after its establishment in 2006 (History/Background and Minis, 2018), pushed the renewable energy development in country in a highly impressive manner and as a result, several wind energy projects were launched in windy states of the country and wind market grew in an exponential manner [Fig. 2]. India by 2022, targets to achieve 175 GW of renewable energy (out of which 60 GW is the share of wind energy). It is estimated that renewable sources will provide 54% of the overall electrical energy production in India, by 2022 (Gulagi et al., 2017). National Institute of Wind Energy (NIWE) and Indian Renewable Energy Development Agency (IREDA) are two supporting pillars of wind energy development in India. + + 3.1. List of top wind turbine manufacturers in India – + Wind turbines having capacity from 250 kW to 2.5 MW are being manufactured in India.

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