+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/photos/137-1370321_issue-waste.jpg b/photos/137-1370321_issue-waste.jpg
new file mode 100644
index 0000000..04478d6
Binary files /dev/null and b/photos/137-1370321_issue-waste.jpg differ
diff --git a/photos/clear.png b/photos/clear.png
new file mode 100644
index 0000000..d2bc413
Binary files /dev/null and b/photos/clear.png differ
diff --git a/photos/clouds.png b/photos/clouds.png
new file mode 100644
index 0000000..75ef047
Binary files /dev/null and b/photos/clouds.png differ
diff --git a/photos/drizzle.png b/photos/drizzle.png
new file mode 100644
index 0000000..01cd0e7
Binary files /dev/null and b/photos/drizzle.png differ
diff --git a/photos/hackathon final without animation[1] - Read-Only.pptx b/photos/hackathon final without animation[1] - Read-Only.pptx
new file mode 100644
index 0000000..67f8805
Binary files /dev/null and b/photos/hackathon final without animation[1] - Read-Only.pptx differ
diff --git a/photos/humidity.png b/photos/humidity.png
new file mode 100644
index 0000000..804ef0c
Binary files /dev/null and b/photos/humidity.png differ
diff --git a/photos/mist.png b/photos/mist.png
new file mode 100644
index 0000000..15ee1fd
Binary files /dev/null and b/photos/mist.png differ
diff --git a/photos/rain.png b/photos/rain.png
new file mode 100644
index 0000000..5c436c8
Binary files /dev/null and b/photos/rain.png differ
diff --git a/photos/search.png b/photos/search.png
new file mode 100644
index 0000000..95ec64e
Binary files /dev/null and b/photos/search.png differ
diff --git a/photos/snow.png b/photos/snow.png
new file mode 100644
index 0000000..e03778d
Binary files /dev/null and b/photos/snow.png differ
diff --git a/photos/waste.jpg b/photos/waste.jpg
new file mode 100644
index 0000000..8b721b5
Binary files /dev/null and b/photos/waste.jpg differ
diff --git a/photos/wind.png b/photos/wind.png
new file mode 100644
index 0000000..b9811a6
Binary files /dev/null and b/photos/wind.png differ
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..b18264d
--- /dev/null
+++ b/script.js
@@ -0,0 +1,10 @@
+var a=document.querySelector('#mybutton').textContent;
+var b=document.querySelector('#mybutton');
+var c=document.querySelector('h1');
+b.addEventListner("click",function(){
+ c.innerHTML="yoooo";
+
+
+
+
+})
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..7e77adb
--- /dev/null
+++ b/style.css
@@ -0,0 +1,238 @@
+ *{
+ font-size: 8px;
+ margin:0;
+ padding: 0;
+ font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+ box-sizing: border-box;
+
+
+}
+body{
+
+ overflow-x: visible;
+ height: 100%;
+ width: 100%;
+
+
+
+
+}
+#ff{
+ height: 100dvh;
+ background-position: 50% 50%;
+ background-image: url("https://gemini.no/wp-content/uploads/2020/03/istock-1126668893-1536x1024.jpg");
+ background-size: cover;
+ background-repeat: no-repeat;
+ margin-top: 0;
+}
+h3{
+ margin-bottom: 2px;
+ margin-left: 115px;
+
+}
+h1{
+ font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+ color:white;
+ text-align: center;
+ margin-top: 31px;
+ font-size: 31px;
+
+}
+h4{
+ font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+ text-align: center;
+ color: white;
+ font-size: 5px;
+
+}
+
+
+#box{
+ height: 20px;
+ width:70vw;
+ border-radius: 10px;
+ background-color:white;
+ background: linear-gradient();
+ margin: auto;
+ margin-top: 10px;
+ opacity: 0.9;
+
+
+
+
+}
+#class{
+ height: 20px;
+ width: 70vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin :auto;
+
+
+
+}
+#class button{
+ height: 17px;
+ width: 17px;
+ margin:auto ;
+ border-radius: 50%;
+ border: 0px solid black;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ align-self: flex-end;
+ cursor: pointer;
+
+
+}
+#asd{
+ height: 17px;
+ width: 40px;
+ margin:auto ;
+ border-radius: 10px;
+ border: 0px solid black;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ align-self: flex-end;
+ cursor: pointer;
+ margin-top: 10px;
+
+}
+#class input{
+ background-color:whitesmoke;
+ height: 15px;
+ width: 80%;
+ margin : auto ;
+ border-radius: 30px;
+ border: 0;
+ opacity: 1;
+ outline: 0;
+
+ /* padding: 10px 50px; */
+}
+#box2{
+ height: 50vw;
+ width: 100%;
+ background-color:white;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: absolute;
+ margin-top: 10px;
+
+}
+button{
+ height: 15px;
+ width:40px ;
+ font-size: 6px;
+ margin-top: 10px;
+ margin-left: 132px;
+ border:0.4px solid;
+ border-radius: 15px;
+ color: white;
+ background-color: transparent;
+ cursor: pointer;
+
+}
+#box3{
+ height: 150px;
+ width: 100%;
+ background-color: bisque;
+ margin-top: 0;
+}
+#box4{
+ height:85px ;
+ width: 100px;
+ background-color: white;
+ display:grid;
+ align-items: center;
+ justify-content: center;
+ margin:auto;
+ position:relative;
+
+
+}
+#box4 input{
+ background-color:beige;
+ border: 0;
+ border-radius: 10px;
+ font-size: 5px;
+ display: flex;
+ align-items: center;
+ justify-content:flex-end;
+ height: 10px;
+ width: 70px;
+ margin: auto;
+
+}
+#box4 button{
+ margin:auto;
+ color: black;
+
+
+}
+#mybutton{
+ margin:auto
+}
+#box5{
+ height: 100px;
+ width: 100%;
+ background-color: bisque;
+
+}
+#box6{
+ height:85px ;
+ width: 100px;
+ background-color: white;
+ display:grid;
+ align-items: center;
+ justify-content: center;
+ margin:auto;
+ position: relative;
+
+}
+#box6 button{
+ margin:auto;
+ color: black;
+
+}
+#abx{
+ height: 17px;
+ width: 17px;
+ margin:auto ;
+ border-radius: 50%;
+ border: 0px solid black;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ align-self: flex-end;
+ cursor: pointer;
+ color: aliceblue;
+margin-top: 10px;
+
+}
+#box6 input{
+ background-color:beige;
+ border: 0;
+ border-radius: 10px;
+ font-size: 5px;
+ display: flex;
+ align-items: center;
+ justify-content:flex-end;
+ height: 10px;
+ width: 70px;
+ margin: auto;
+ outline:0;
+
+}
+#map
+{
+ height: 100px;
+
+ margin-top: 10px;
+
+
+}
+