Skip to content

Commit

Permalink
resize some texts
Browse files Browse the repository at this point in the history
  • Loading branch information
@seracoder
seracoder committed Feb 1, 2024
1 parent 625cdca commit 71f8b83
Showing 1 changed file with 17 additions and 17 deletions.
34 changes: 17 additions & 17 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,45 +55,45 @@ <h1 class="font-[Poppins] max-w-2xl lg:max-w-xl font-bold text-5xl text-center l
</section>
<section class="bg-gray-100 py-20" id="services">
<div class="container mx-auto flex flex-col items-center">
<h2 class="font-[Poppins] font-bold text-4xl text-center">Services We Provide</h2>
<h2 class="font-[Poppins] font-bold text-2xl md:text-2xl lg:text-4xl text-center">Services We Provide</h2>
<p class="max-w-xl text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem fugiat illum labore magni odio officiis provident repellat.</p>
<div class="grid grid-cols-2 lg:grid-cols-3 mt-10 gap-6">
<div class="flex flex-col gap-2 bg-white p-5 items-center justify-center shadow-md">
<img width="80" height="80" src="https://img.icons8.com/plasticine/100/chat.png" alt="chat"/>
<h3 class="text-2xl font-bold">SEO Optimization</h3>
<h3 class="text-xl md:text-2xl lg:text-4xl font-bold">SEO Optimization</h3>
<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi dolorem, eaque hic illum velit veniam.</p>
</div>
<div class="flex flex-col gap-2 bg-white p-5 items-center justify-center shadow-md">
<img width="80" height="80" src="https://img.icons8.com/bubbles/100/this-pc.png" alt="this-pc"/>
<h3 class="text-2xl font-bold">Digital Marketing</h3>
<h3 class="text-xl md:text-2xl lg:text-4xl font-bold">Digital Marketing</h3>
<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi dolorem, eaque hic illum velit veniam.</p>
</div>
<div class="flex flex-col gap-2 bg-white p-5 items-center justify-center shadow-md">
<img width="80" height="80" src="https://img.icons8.com/color/96/idea.png" alt="idea"/>
<h3 class="text-2xl font-bold">Market Research</h3>
<h3 class="text-xl md:text-2xl lg:text-4xl font-bold">Market Research</h3>
<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi dolorem, eaque hic illum velit veniam.</p>
</div>
<div class="flex flex-col gap-2 bg-white p-5 items-center justify-center shadow-md">
<img width="80" height="80" src="https://img.icons8.com/fluency/96/ipad.png" alt="ipad"/>
<h3 class="text-2xl font-bold">Digital Marketing</h3>
<h3 class="text-xl md:text-2xl lg:text-4xl font-bold">Digital Marketing</h3>
<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi dolorem, eaque hic illum velit veniam.</p>
</div>
<div class="flex flex-col gap-2 bg-white p-5 items-center justify-center shadow-md">
<img width="80" height="80" src="https://img.icons8.com/color/96/email.png" alt="email"/>
<h3 class="text-2xl font-bold">Email Marketing</h3>
<h3 class="text-xl md:text-2xl lg:text-4xl font-bold">Email Marketing</h3>
<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi dolorem, eaque hic illum velit veniam.</p>
</div>
<div class="flex flex-col gap-2 bg-white p-5 items-center justify-center shadow-md">
<img width="80" height="80" src="https://img.icons8.com/fluency/96/wrench--v2.png" alt="wrench--v2"/>
<h3 class="text-2xl font-bold">Marketing & Reporting</h3>
<h3 class="text-xl md:text-2xl lg:text-4xl font-bold">Marketing & Reporting</h3>
<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi dolorem, eaque hic illum velit veniam.</p>
</div>
</div>
</div>
</section>
<section class="bg-white py-20" id="projects">
<div class="container mx-auto flex flex-col items-center">
<h2 class="font-[Poppins] font-bold text-4xl text-center">Our Recent Projects</h2>
<h2 class="font-[Poppins] font-bold text-2xl md:text-2xl lg:text-4xl text-center">Our Recent Projects</h2>
<p class="max-w-xl text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem fugiat illum labore magni odio officiis provident repellat.</p>
<div class="grid grid-cols-2 lg:grid-cols-3 mt-10 gap-6">
<div class="project-one bg-cover text-white rounded-xl flex flex-col gap-2 bg-white p-5 items-start justify-end shadow-md min-h-[400px]">
Expand Down Expand Up @@ -122,7 +122,7 @@ <h3 class="font-bold text-xl">Lorem ipsum dolor sit amet, consectetur adipisicin
</div>
<div class="flex flex-col gap-4 lg:max-w-[500px]">
<div>
<h2 class="text-3xl font-bold mb-2">About Us</h2>
<h2 class="text-3xl md:text-3xl lg:text-4xl font-bold mb-2">About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque autem eius itaque necessitatibus saepe voluptas voluptates. Accusantium ad adipisci amet animi aperiam aspernatur cum debitis, deleniti eaque eius ex facilis fugit harum, hic illum in incidunt ipsum, iste iure labore magni natus necessitatibus nihil non porro quas quasi qui quod ratione sunt temporibus veniam voluptate voluptatum? Ex perferendis quasi quidem!</p>
</div>
<div>
Expand Down Expand Up @@ -161,37 +161,37 @@ <h2 class="text-3xl mb-5 mt-3">Are you Ready? Lets get to work!</h2>
<section id="blog">
<div class="container mx-auto py-16">
<div class="flex flex-col justify-center items-center text-center">
<h3 class="text-4xl font-extrabold">Latest Articles</h3>
<h3 class="text-2xl md:text-2xl lg:text-4xl font-extrabold">Latest Articles</h3>
<p class="max-w-xl">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus alias debitis ducimus fugit inventore labore maxime modi natus nulla perspiciatis.</p>
</div>
<div class="flex flex-col lg:flex-row gap-3 mt-10">
<div class="bg-gray-100">
<img src="/articles/blog-1.jpg" alt="Become a Successful UX developer">
<div class="p-4">
<time datetime="2022-06-16T12:00">June 16, 2022</time>
<h3 class="text-2xl font-bold">How to become a successful entry-level UX designer</h3>
<h3 class="text-xl md:text-2xl lg:text-4xl font-bold">How to become a successful entry-level UX designer</h3>
</div>
</div>
<div class="flex-grow flex flex-col gap-5 mt-5 lg:mt-0">
<div class="flex gap-3 bg-gray-100 items-center">
<img src="/articles/blog-2.jpg" alt="2023 Local SEO success: The Year of Everywhere" class="w-auto max-w-56">
<div class="px-3">
<time datetime="2022-06-16T12:00">June 16, 2022</time>
<h3 class="text-2xl font-bold">2023 Local SEO success: The Year of Everywhere</h3>
<h3 class="text-xl md:text-2xl lg:text-4xl font-bold">2023 Local SEO success: The Year of Everywhere</h3>
</div>
</div>
<div class="flex gap-3 bg-gray-100 items-center">
<img src="/articles/blog-3.jpg" alt="2023 Local SEO success: The Year of Everywhere" class="w-auto max-w-56">
<div class="px-3">
<time datetime="2022-06-16T12:00">June 16, 2022</time>
<h3 class="text-2xl font-bold">The guide to running a client discovery process</h3>
<h3 class="text-xl md:text-2xl lg:text-4xl font-bold">The guide to running a client discovery process</h3>
</div>
</div>
<div class="flex gap-3 bg-gray-100 items-center">
<img src="/articles/blog-4.jpg" alt="2023 Local SEO success: The Year of Everywhere" class="w-auto max-w-56">
<div class="px-3">
<time datetime="2022-06-16T12:00">June 16, 2022</time>
<h3 class="text-2xl font-bold">3 ways to get client approval for scope changes</h3>
<h3 class="text-xl md:text-2xl lg:text-4xl font-bold">3 ways to get client approval for scope changes</h3>
</div>
</div>
</div>
Expand All @@ -201,7 +201,7 @@ <h3 class="text-2xl font-bold">3 ways to get client approval for scope changes</
<section class="bg-gray-100 py-20" id="contact">
<div class="container mx-auto">
<div class="flex flex-col justify-center items-center text-center">
<h3 class="text-2xl font-bold">Let's Get Connected</h3>
<h3 class="text-2xl md:text-2xl lg:text-4xl font-bold">Let's Get Connected</h3>
<p class="max-w-xl text-[0.7rem] lg:text-[1rem]">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus alias debitis ducimus fugit inventore labore maxime modi natus nulla perspiciatis.</p>
</div>

Expand All @@ -217,8 +217,8 @@ <h3 class="text-2xl font-bold">Let's Get Connected</h3>
</div>
<textarea name="message" id="message" cols="30" rows="10" placeholder="Your message*" class="p-2 bg-gray-100" required></textarea>
<div class="flex gap-3">
<input type="checkbox" id="agree" name="agree">
<label for="agree">Accept Terms of Service and Privacy Policy</label>
<input type="checkbox" id="agree" name="agree" required>
<label for="agree">Accept Terms of Service and Privacy Policy*</label>
</div>
<button type="submit" class="p-4 bg-gradient-to-b from-red-500 to-red-600 text-white font-bold">Send Message</button>
</div>
Expand Down

0 comments on commit 71f8b83

Please sign in to comment.