-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
44 lines (44 loc) · 2.42 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-zinc-800 text-white pl-20 pr-20">
<div class=" flex w-100% h-20 gap-20">
<img src="nav.svg" alt="">
<div class="flex gap-20 pt-10">
<p>Pricing</p>
<p>About </p>
<p>Tools</p>
<p>How it works</p>
<p>Testimonial</p>
<p>FAQ</p>
<div class="pl-10"><button class="bg-orange-500">calculator solar</button></div>
</div>
</div>
<center><div class=" pt-20 text-3xl font-extrabold">
<h1 class="text-orange-500">Does Your Home</h1><h1> Need Quality
Solar Panel Installation?</h1>
</div></center><br>
<center><h3 >Our solar power experts will help you find the perfect solution for your home.
</h3><br></center>
<center><button class="bg-orange-500 w-40">Calculate</button><br></center>
<img src="solar.webp" alt="">
<center><h1 class="text-3xl font-extrabold">TRANSPARENT PRICING
</h1></center><br><br><br>
<div class="flex justify-between">
<div class="h-60 w-60 bg-black-500"><img class="bg-orange-500 rounded-full " src="home.svg" alt=""><br>
<h1 class="text-2xl font-extrabold">SERVICE NAME</h1><br>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corporis dolore praesentium voluptate </p><br><p><b>$1.61/watt</b></p><br><button class="bg-orange-500">Calculate Solar</button></div>
<div class="h-60 w-60 bg-black-500"><img class="bg-orange-500 rounded-full " src="home.svg" alt=""><br>
<h1 class="text-2xl font-extrabold">SERVICE NAME</h1><br>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corporis dolore praesentium voluptate </p><br><p><b>$1.61/watt</b></p><br><button class="bg-orange-500">Calculate Solar</button></div>
<div class="h-60 w-60 bg-black-500"><img class="bg-orange-500 rounded-full " src="home.svg" alt=""><br>
<h1 class="text-2xl font-extrabold">SERVICE NAME</h1><br>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corporis dolore praesentium voluptate </p><br><p><b>$1.61/watt</b></p><br><button class="bg-orange-500">Calculate Solar</button></div>
</div><br><br>
</body>
</html>