-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 93c45c5
Showing
15 changed files
with
568 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,78 @@ | ||
| <!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="index.html" class="text-2xl">Home</a> | ||
| <a href="#" class="text-2xl border-b-2 border-blue-600">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='about-image'> | ||
| <h1 class='text-white text-7xl pt-56 pl-20 font-bold'>About <span class='text-blue-400'>Us</span></h1> | ||
| </div> | ||
| <div class='flex items-center justify-center gap-28 mt-40 mb-24'> | ||
| <div class='shadow-xl' id='about-div'> | ||
| <h1 class='text-4xl text-slate-800 font-bold pt-20'>EFFECTIVE, EFFICIENT</h1> | ||
| <p class='pt-8'>It is for these reasons that 90% of our clients from all over<br/> the world keep coming back! Just ask them!</p> | ||
| <p class='pt-6'>BrandCurb is a unified communications platform that<br/> empowers business owners and promotes business growth<br/> through services that strengthen brand identity, and<br/> sustainably promote online presence to increase<br/> engagement. We offer services to help small business<br/> enterprises from branding, website development, to digital<br/> marketing—and everything else digital in between.</p> | ||
| </div> | ||
| <div id='about-image1'> | ||
|
|
||
| </div> | ||
| </div> | ||
| <div class='flex items-center justify-center gap-28 mt-48 mb-24'> | ||
| <div id='about-image2'> | ||
|
|
||
| </div> | ||
| <div> | ||
| <h1 class='text-4xl text-slate-800 font-bold'>Our Mission</h1> | ||
| <p class='pt-8'>It is for these reasons that 90% of our clients from all over<br/> the world keep coming back! Just ask them!</p> | ||
| <p class='pt-6'>BrandCurb is a unified communications platform that<br/> empowers business owners and promotes business growth<br/> through services that strengthen brand identity, and<br/> sustainably promote online presence to increase<br/> engagement. We offer services to help small business<br/> enterprises from branding, website development, to digital<br/> marketing—and everything else digital in between.</p> | ||
| <button class='bg-blue-500 text-white font-bold py-3 px-6 rounded mt-8'>Book A Consultant</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> |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,98 @@ | ||
| <!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="index.html" class="text-2xl">Home</a> | ||
| <a href="about.html" class="text-2xl">About</a> | ||
| <a href="services.html" class="text-2xl">Services</a> | ||
| <a href="#" class="text-2xl border-b-2 border-blue-600">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='about-image'> | ||
| <h1 class='text-white text-7xl pt-56 pl-20 font-bold'>Contact <span class='text-blue-400'>Us</span></h1> | ||
| </div> | ||
| <div class='flex items-center justify-center gap-20 mt-14'> | ||
| <div> | ||
| <h1 class='text-5xl font-bold'>Contact <span class='text-blue-500'>Office - Web ? </span></h1> | ||
| <p class='pt-6'>If you’ve got any questions, please fill out the short form below<br/> to drop us an email and we promise to get back to you shortly.</p> | ||
| <button class='bg-blue-500 text-white py-3 px-6 rounded font-bold mt-7'>Contact Us</button> | ||
| </div> | ||
| <div id='contact-image'> | ||
|
|
||
| </div> | ||
| </div> | ||
| <div class='flex justify-center mt-32 mb-32'> | ||
| <div id='contact-div1' class='bg-blue-500'> | ||
| <h1 class='text-white text-3xl font-bold pt-8 pl-5'>Let's Get In Touch</h1> | ||
| <p class='text-white pt-4 pl-5'>For any query call or whatsApp us at<br/> 0317-8226242 or email us at help <br/>@office-web.com</p> | ||
| <p class='text-white pt-4 pl-5'>Address: 501,Quaideen Colony,<br/> Karachi</p> | ||
| <p class='text-white pt-4 pl-5'>Phone : 03313189082</p> | ||
| </div> | ||
| <div id='contact-div2' class='shadow-2xl'> | ||
| <h1 class='text-5xl font-bold pt-6 pl-8'>Contact <span class='text-blue-500'>Us</span></h1> | ||
| <br></br> | ||
| <hr></hr> | ||
| <div class='flex'> | ||
| <div> | ||
| <input type='text' placeholder='Full Name' class='text-2xl border-zinc-800 border-2 m-8 px-4 py-2'></input> | ||
| </div> | ||
| <div> | ||
| <input type='number' placeholder='Phone Number' class='text-2xl border-zinc-800 border-2 m-8 px-4 py-2'></input> | ||
| </div> | ||
| </div> | ||
| <div class='flex'> | ||
| <div> | ||
| <input type='text' placeholder='Email Address' class='text-2xl border-zinc-800 border-2 m-8 px-4 py-2'></input> | ||
| </div> | ||
| <div> | ||
| <input type='text' placeholder='Subject' class='text-2xl border-zinc-800 border-2 m-8 px-4 py-2'></input> | ||
| </div> | ||
| </div> | ||
| <textarea rows="4" cols="58" name="comment" form="usrform" placeholder='Message' class='text-2xl border-zinc-800 border-2 m-8 p-2'></textarea> | ||
| <button class='bg-blue-500 text-white py-3 px-6 rounded font-bold ml-8'>Send Message</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> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,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> |
Oops, something went wrong.