index1.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Our Wbsite Form">
    <meta name="keywords" content="HTML,CSS,Flex,Responsive, message,form, questions, inquiries,Mp,how-to-know ">
    <meta name="author" content="Nino">
	<title>Zero Waste</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
</head>
<body>
	<div class="container">
		<header>
			<p class="p1">Going Zero Waste</p>
			<div class="imheader">
			        <div class="navigation">
			        	<nav>
			        		<ul>
			        			 <li>
			        				<a class="burger" href="index.html"> მთავარი </a>
			        			 </li>
			        			 <li>
			        				<a class="burger" href="#"> ჩვენ შესახებ </a>
			        			 </li>
			        			 <li>
			        				<a class="burger" href="#"> ბლოგი </a>
			        			 </li>
			        			 <li>
			        				<a class="burger" href="index4.html"> კონტაქტი </a>
			        			 </li>
			        		 </ul>
			        	</nav>
			        </div>	
			</div>
		</header>
		<section>
			<div class="wrapper">
			   <div class="test">
			    <img class="mainpoto" src="pics/georgia.jpg" alt="georgia"> 
			   </div>
			    <h1><span style="--i:1;">ახალი</span>
			    	<span style="--i:2;"> ხარ </span>
			    	<span style="--i:3;"> ზერო-ეფექტის</span>
			    	<span style="--i:4;"> სამყაროში</span>
			    	<span style="--i:5;">?</span>
			    </h1>
			    <button class="bt1">დაიწყე ახლავე </button>
			</div>		
		</section>
		    <div class="wrapper2">
		    	<h2>რა არის ზერო ეფექტი?</h2>
		    	<p class="textzero">    „ზერო ეფექტი“ წარმოადგენს ცხოვრების სტილს,რომელიც გულისხმობს ნარჩენების მაქსიმალურად შემცირებას და არსებული რესურსების ისე გარდაქმნას, რომ ყოველდღიური ნარჩენი ნულამდე დავიყვანოთ. ჩვენი საიტის მეშვეობით გაეცნობით ცხოვრების ამ სტილის დაწყებისთვის საჭირო რჩევებსა და რეკომენდაციებს, ასევე შეძლებთ შეიძინოთ 100% ეკოლოგიურად სუფთა პროდუქცია ან თავად სცადოთ მათი დამზადება.</p>	
		    	<div class="zero">
		    		<img class="zero" src="pics/zero.png" alt="zerowasteGeorgia">
		    	</div>
		    </div>
		<section>
			<div class="wrapper3">
			    <div class="title3"><h4>ბოლო სიახლეები</h4></div>
			  <div class="boxes">
			  	<div class="box"><img src="pics/box1.jpg" alt="zerowaste"> <p class="describe">12 გზა იმისთვის რომ უფრო მეტად დავუახლოვდეთ ბუნებას</p> </div>
			  	
			  	<div class="box"><img id=box2 src="pics/box2.jpg" alt="zerowaste"><p class="describe">8 მეთოდი იმისთვის რომ შევამციროთ წყლის ხარჯები</p></div>
			  	
			  	<div class="box"><img id=box4 src="pics/box4.jpg" alt="zerowaste"><p class="describe">რა არის სწრაფი მოდის ინდუსტრია?</p></div>
			  	
			  	<div  id="box3" class="box"><img src="pics/box3.jpg" alt="zerowaste"><p class="describe">ცვლილება პლასმასასგან თავისუფალი ივლისისთვის</p></div>
			  </div>
			</div>
		</section>
	</div>
</body>
<footer>
	<div class="footerwrap">
		<div class="general">
			<p id="bold">ჩვენ შესახებ</p>
			<p>კონტაქტი</p>
			<p>Terms&Conditions</p>	
		</div>
		<div class="contact">
			<h4 id="bold">კონტაქტი</h4>
			<p>+995 0322 457503</p>
			<p>info@zerowaste.com</p>
		</div>
		<div class="socialmedia">
			<a href="#"> <img src="pics/fb.png"> </a>
			<a href="#"> <img src="pics/twitter.png"> </a>
			<a href="#"> <img src="pics/instagram.png"> </a>
			<p class="pfooter">FOLLOW US</p>		
		</div>
	</div>
	
</footer>
</html>