Skip to content

Commit

Permalink
added clients questions section
Browse files Browse the repository at this point in the history
  • Loading branch information
@xyryc
xyryc committed Aug 21, 2024
1 parent 1807afd commit 32cc6f7
Showing 1 changed file with 119 additions and 5 deletions.
124 changes: 119 additions & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -249,7 +249,7 @@ <h3 class="text-2xl font-extrabold">
<div class="text-center py-8 border-dashed border-y-2">
<h3 class="text-4xl font-extrabold">Professional Hockeys Club</h3>
<p
class="text-base font-medium text-customGray leading-[26px] mt-6 w-1/2 inline-flex"
class="text-base font-medium text-customGray leading-[26px] mt-6 w-10/12 md:w-1/2 inline-flex"
>
Dit amet consectetur. Condimentum dignissim adipiscing aliquam
turpis placerat dolor. Purus urna in sit nullam proin.
Expand Down Expand Up @@ -356,13 +356,13 @@ <h6 class="mt-6 mb-4 text-xl font-semibold">Training Ground</h6>
</div>
</section>

<!-- Program Sections -->
<!-- Program Section -->
<section class="mt-24">
<!-- title -->
<div class="text-center py-8 border-dashed border-y-2">
<h3 class="text-4xl font-extrabold">Program Sections</h3>
<p
class="text-base font-medium text-customGray leading-[26px] mt-6 w-1/2 inline-flex"
class="text-base font-medium text-customGray leading-[26px] mt-6 w-10/12 md:w-1/2 inline-flex"
>
Dit amet consectetur. Condimentum dignissim adipiscing aliquam
turpis placerat dolor. Purus urna in sit nullam proin.
Expand All @@ -383,7 +383,9 @@ <h2 class="text-[28px] font-extrabold">Junior Program</h2>
elit enim sagittis turpis in magna. Id et sed euismod natoque
amet nunc morbi nulla. Tortor congue sed et in.
</p>
<button class="btn bg-customRed border-none w-2/3 lg:w-1/3 text-white">
<button
class="btn bg-customRed border-none w-2/3 lg:w-1/3 text-white"
>
Register Now!
</button>
</div>
Expand All @@ -400,7 +402,9 @@ <h2 class="text-[28px] font-extrabold">Senior Program</h2>
elit enim sagittis turpis in magna. Id et sed euismod natoque
amet nunc morbi nulla. Tortor congue sed et in.
</p>
<button class="btn bg-customRed border-none w-2/3 lg:w-1/3 text-white">
<button
class="btn bg-customRed border-none w-2/3 lg:w-1/3 text-white"
>
Register Now!
</button>
</div>
Expand Down Expand Up @@ -429,6 +433,116 @@ <h2 class="text-[28px] font-extrabold">Professional Program</h2>
</div>
</div>
</section>

<!-- Clients Question Seciton -->
<section class="mt-24">
<!-- title -->
<div class="text-center py-8 border-dashed border-y-2">
<h3 class="text-4xl font-extrabold">Clients Question</h3>
<p
class="text-base font-medium text-customGray leading-[26px] mt-6 w-10/12 md:w-1/2 inline-flex"
>
Dit amet consectetur. Condimentum dignissim adipiscing aliquam
turpis placerat dolor. Purus urna in sit nullam proin.
</p>
</div>

<!-- hero section -->
<div class="mt-12">
<div class="hero border rounded-2xl">
<div class="hero-content flex-col lg:flex-row gap-10">
<img
src="images/11.png"
class="md:max-w-sm rounded-lg shadow-2xl"
/>
<!-- accordion -->
<div>
<div class="collapse collapse-plus border-b rounded-none">
<input type="radio" name="my-accordion-3" checked="checked" />
<div class="collapse-title text-xl font-bold">
Our Equipment
</div>
<div class="collapse-content">
<p class="text-base font-normal text-[131318]">
Dolor sit amet consectetur. Ut urna diam quis sagittis. Elit elit enim sagittis turpis in magna.
</p>
</div>
</div>

<div class="collapse collapse-plus border-b rounded-none">
<input type="radio" name="my-accordion-3" checked="checked" />
<div class="collapse-title text-xl font-bold">
Hockey Training
</div>
<div class="collapse-content">
<p class="text-base font-normal text-[131318]">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Veritatis ullam, nulla consectetur perspiciatis odit
quidem quibusdam officiis. Minus, molestiae distinctio!
</p>
</div>
</div>

<div class="collapse collapse-plus border-b rounded-none">
<input type="radio" name="my-accordion-3" checked="checked" />
<div class="collapse-title text-xl font-bold">
Private Lessons
</div>
<div class="collapse-content">
<p class="text-base font-normal text-[131318]">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Veritatis ullam, nulla consectetur perspiciatis odit
quidem quibusdam officiis. Minus, molestiae distinctio!
</p>
</div>
</div>

<div class="collapse collapse-plus border-b rounded-none">
<input type="radio" name="my-accordion-3" checked="checked" />
<div class="collapse-title text-xl font-bold">
Ski Touring
</div>
<div class="collapse-content">
<p class="text-base font-normal text-[131318]">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Veritatis ullam, nulla consectetur perspiciatis odit
quidem quibusdam officiis. Minus, molestiae distinctio!
</p>
</div>
</div>

<div class="collapse collapse-plus">
<input type="radio" name="my-accordion-3" checked="checked" />
<div class="collapse-title text-xl font-bold">
Booking
</div>
<div class="collapse-content">
<p class="text-base font-normal text-[131318]">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Veritatis ullam, nulla consectetur perspiciatis odit
quidem quibusdam officiis. Minus, molestiae distinctio!
</p>
</div>
</div>

<div class="collapse collapse-plus">
<input type="radio" name="my-accordion-3" checked="checked" />
<div class="collapse-title text-xl font-bold">
Pricings
</div>
<div class="collapse-content">
<p class="text-base font-normal text-[131318]">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Veritatis ullam, nulla consectetur perspiciatis odit
quidem quibusdam officiis. Minus, molestiae distinctio!
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>

<footer class="mt-96"></footer>
Expand Down

0 comments on commit 32cc6f7

Please sign in to comment.