-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (113 loc) · 8.77 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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alhan's Website</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section>
<div class="flex items-center justify-center gap-[450px] bg-white w-[100%] h-[11vh] shadow-lg fixed">
<div>
<h1 class="text-3xl font-bold text-blue-700">LOGO</h1>
</div>
<div class="flex gap-[20px]">
<a href="#" class="text-2xl border-b-2 border-blue-600">Home</a>
<a href="about.html" class="text-2xl">About</a>
<a href="services.html" class="text-2xl">Services</a>
<a href="contact.html" class="text-2xl">Contact</a>
</div>
<div>
<button class="bg-blue-600 text-white font-bold py-2 px-6 rounded-3xl">Login</button>
</div>
</div>
<div id="back">
<h1 class="text-7xl font-bold text-white pt-56">This Is Alhans<br /> <span class="text-blue-400">Website</span></h1>
<p class="text-white pt-8">Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae nam<br /> corporis neque, suscipit iste optio tempora nostrum ducimus, ex corrupti eligendi<br /> mollitia soluta perferendis quas nesciunt quod assumenda modi commodi!</p>
<button class="bg-blue-600 text-white font-bold py-2 px-6 rounded-3xl mt-6">Get Started</button>
</div>
<div class='mt-24 mb-10'>
<div id='choose'>
<h1 class='font-bold text-4xl'>Choose The Perfect Website For Your<br/><span class='text-blue-500'>Business</span></h1>
<p class='pt-8 font-semibold'>At BrandCurb, we understand that every business is unique,<br/> which is why we offer custom web design and development packages<br/> that are tailored to your specific needs. Our team of experienced<br/> designers and developers work closely with you to create<br/> a website that is not only visually stunning but also functional and<br/> user-friendly. From e-commerce sites to custom CMS builds, our<br/> packages are designed to meet your specific requirements and budget.</p>
</div>
<div class='flex justify-center gap-44 mt-32'>
<div class='mt-10'>
<h1 class='text-4xl font-bold'>Website <span class='text-blue-500'>Design</span> & Development</h1>
<p class='pt-8 font-semibold'>We offer comprehensive web design and development services that<br/> are tailored to meet the unique needs of your business. Our team of<br/> experienced designers and developers work closely with you to create<br/> a website that not only looks great but also functions seamlessly. We<br/> focus on creating a user-friendly experience for your visitors, ensuring<br/> that your website is easy to navigate and optimized for conversions.At<br/> BrandCurb, we take a collaborative approach to every project,<br/> ensuring that we fully understand your business and your goals<br/> before we begin. Whether you're looking to launch a new website or<br/> redesign an existing one, we are here to help you achieve your online<br/> objectives. Contact us today to learn more about our web design and<br/> development services and how we can help your business succeed<br/> online.</p>
<div class='pt-8'>
<a href='about.html' class='bg-blue-500 text-white px-6 py-3 rounded font-bold'>Read More</a>
</div>
</div>
<div id='doyou'>
<div class='pt-80 pl-6'>
<h1 class='text-white text-3xl font-bold'>Did You Know ?</h1>
<p class='text-white text-xl pt-3'>38 percent of visitors will stop engaging<br/> with a website if the content or layout<br/> is unattractive</p>
<p class='text-white pt-2'>-Blue Corena</p>
</div>
</div>
</div>
</div>
<div id='backs' class='bg-zinc-600 mt-40'>
<div id='choose' class='pt-20'>
<h1 class='text-4xl font-bold text-white'>Our Website and <span class='text-blue-400'>Development</span> Projects</h1>
<p class='text-white pt-5'>At BrandCurb, we are proud of the websites and development projects we<br/> have created for our clients. From e-commerce sites to custom CMS builds,<br/> our team has the expertise and creativity to develop unique solutions that<br/> meet our clients' needs. Browse through our portfolio to see examples of our<br/> work and learn more about how we can help your business succeed online.</p>
<p class='text-white pt-5'>Ready to take your website to the next level? Contact us today to schedule a<br/> consultation with one of our experts and learn how we can help you achieve<br/> your online goals.</p>
</div>
<div class='flex justify-center gap-24 pt-28'>
<div id='first'>
</div>
<div id='second'>
</div>
<div id='third'>
</div>
</div>
</div>
<div class='flex justify-center gap-16 mt-36 mb-36'>
<div id='man' class='shadow-2xl'>
<h1 class='text-2xl font-bold pt-14'>Personalized<br/> <span class='text-blue-500'>Business Package</span></h1>
<p class='pt-14'>Choose from a wide range<br/> of web solutions that you need<br/> to ensure effective, efficient,<br/> and sustainable growth of your<br/> business. BrandCurb works<br/> on the smallest to largest detail<br/> of your website---from mobile and<br/> speed optimization, to landing<br/> page designs, and even SEO---<br/>basically, everything under the<br/> digital sun!</p>
<button class='bg-blue-500 text-white py-3 px-6 font-bold rounded mt-8'>Book Now</button>
</div>
<div id='man' class='shadow-2xl'>
<h1 class='text-2xl font-bold pt-14'>Costumize<br/> <span class='text-blue-500'>Approach</span></h1>
<p class='pt-14'>Choose from a wide range<br/> of web solutions that you need<br/> to ensure effective, efficient,<br/> and sustainable growth of your<br/> business. BrandCurb works<br/> on the smallest to largest detail<br/> of your website---from mobile and<br/> speed optimization, to landing<br/> page designs, and even SEO---<br/>basically, everything under the<br/> digital sun!</p>
<button class='bg-blue-500 text-white py-3 px-6 font-bold rounded mt-8'>Book Now</button>
</div>
<div id='man' class='shadow-2xl'>
<h1 class='text-2xl font-bold pt-14'>Results - Driven<br/> <span class='text-blue-500'>Solution</span></h1>
<p class='pt-14'>Choose from a wide range<br/> of web solutions that you need<br/> to ensure effective, efficient,<br/> and sustainable growth of your<br/> business. BrandCurb works<br/> on the smallest to largest detail<br/> of your website---from mobile and<br/> speed optimization, to landing<br/> page designs, and even SEO---<br/>basically, everything under the<br/> digital sun!</p>
<button class='bg-blue-500 text-white py-3 px-6 font-bold rounded mt-8'>Book Now</button>
</div>
</div>
<div id='footer' class='bg-black flex justify-center gap-96'>
<div class='pt-16'>
<p class='text-white text-xl'>link of instagram</p>
<p class='text-white text-xl'>link of facebook</p>
<p class='text-white text-xl'>link of twitter</p>
<p class='text-white text-xl'>link of linkedin</p>
<p class='text-white text-xl'>link of whatsapp</p>
</div>
<div class='pt-16'>
<p class='text-white text-xl'>link of instagram</p>
<p class='text-white text-xl'>link of facebook</p>
<p class='text-white text-xl'>link of twitter</p>
<p class='text-white text-xl'>link of linkedin</p>
<p class='text-white text-xl'>link of whatsapp</p>
</div>
<div class='pt-16'>
<p class='text-white text-xl'>link of instagram</p>
<p class='text-white text-xl'>link of facebook</p>
<p class='text-white text-xl'>link of twitter</p>
<p class='text-white text-xl'>link of linkedin</p>
<p class='text-white text-xl'>link of whatsapp</p>
</div>
</div>
<div class='h-12 w-full bg-blue-500'>
<p class='text-center text-xl pt-2 text-white'>Copyright By @Alhan Dilshad Ahmed Siddiue</p>
</div>
</section>
</body>
</html>