Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

First sample #32

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

First sample #32

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
a5c0b67
First sample
slimeprince1 Oct 31, 2022
8a53fda
homepage
slimeprince1 Nov 1, 2022
9e1c821
Almost done
slimeprince1 Nov 1, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Almost done
  • Loading branch information
@slimeprince1
slimeprince1 committed Nov 1, 2022
commit 9e1c821041ecf35d1667ada48e414db0eafafcb9
70 changes: 33 additions & 37 deletions dist/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,10 +52,10 @@
<a class="inline-block py-2 px-4 text-black font-bold no-underline" href="#">Home</a>
</li>
<li class="mr-3">
<a class="inline-block text-black no-underline hover:text-gray-800 hover:text-underline py-2 px-4" href="#">Services</a>
<a class="inline-block text-black no-underline hover:text-gray-800 hover:text-underline py-2 px-4" href="#services">Services</a>
</li>
<li class="mr-3">
<a class="inline-block text-black no-underline hover:text-gray-800 hover:text-underline py-2 px-4" href="#">Pricing</a>
<a class="inline-block text-black no-underline hover:text-gray-800 hover:text-underline py-2 px-4" href="#pricing">Pricing</a>
</li>
</ul>
<button
Expand All @@ -76,6 +76,7 @@
<p class="uppercase tracking-loose w-full">What We do</p>
<h1 class="my-4 text-5xl font-bold leading-tight">
Helping You Set Up In the African Country Of Your Choice.

</h1>
<p class="leading-normal text-2xl mb-8">
Set up your company & get industry-specific documents tailored to your company's needs. <br> Know what it takes to operate in the country of your choice
Expand Down Expand Up @@ -120,23 +121,20 @@ <h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-80
<div class="flex flex-wrap">
<div class="w-5/6 sm:w-1/2 p-6">
<h3 class="text-3xl text-gray-800 font-bold leading-none mb-3">
Lorem ipsum dolor sit amet
Hold your hand through your licensing journey
</h3>
<p class="text-gray-600 mb-8">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc commodo posuere et sit amet ligula.
Be regulator ready in minutes - Industry specific documents readily available to get your business licensed in no time. Book a call with an industy expert in the country you seek to operate in.
<br />
<br />

Images from:

<a class="text-pink-500 underline" href="https://undraw.co/">undraw.co</a>
</p>
</div>


<div class="w-full sm:w-1/2 p-6">
<svg class="w-full sm:h-64 mx-auto" viewBox="0 0 1177 598.5" xmlns="http://www.w3.org/2000/svg">
<title>travel booking</title>
<title>Feel at home in any African country your business operates in</title>
<path
transform="translate(-11.5 -150.75)"
d="M274.63,501l-6.29-3.91c-.6-.37-1.19-.77-1.79-1.15a59.86,59.86,0,0,0,6.05-116.62l.31,24.66-13.55-26.83h-.17a59.87,59.87,0,0,0-62.58,57c-.06,1.15,0,2.27,0,3.4-4.71-5.38-9-11.15-11.83-17.47-5.73-12.79-5.84-27.28-5.39-44.9.9-34.9,2.41-70.08,4.37-105.14a59.85,59.85,0,0,0,53.16-56.64c.08-1.83,0-3.63,0-5.43,0-.45,0-.89-.07-1.34-.12-1.74-.28-3.46-.55-5.16,0-.28-.1-.55-.15-.82-.24-1.44-.54-2.86-.88-4.26-.13-.53-.26-1-.4-1.57-.42-1.53-.88-3-1.42-4.52-.18-.49-.39-1-.58-1.46-.42-1.09-.88-2.17-1.37-3.23-.26-.56-.51-1.12-.78-1.67-.08-.14-.13-.29-.21-.43l0,0a59.84,59.84,0,0,0-70.28-30.36l.4,32.1-13.4-26.52a59.57,59.57,0,0,0-28.55,64.51h-.06c.09.43.22.84.32,1.26.19.79.39,1.57.61,2.35.28,1,.6,2,.93,3,.25.74.49,1.47.77,2.2.41,1.06.87,2.09,1.33,3.12.27.6.51,1.22.8,1.81q1.14,2.33,2.48,4.53c.31.52.66,1,1,1.51.64,1,1.28,2,2,2.93.43.59.89,1.16,1.34,1.73.66.83,1.33,1.65,2,2.44.49.57,1,1.12,1.51,1.66.74.78,1.49,1.53,2.27,2.26.52.49,1,1,1.57,1.46.88.79,1.8,1.53,2.73,2.26.47.37.93.75,1.41,1.11,1.42,1,2.88,2,4.39,3,.28.17.59.31.87.48,1.27.74,2.55,1.45,3.87,2.09.57.28,1.15.53,1.73.79,1.08.48,2.17.95,3.29,1.38l2,.7c1.1.37,2.22.72,3.35,1,.66.18,1.33.37,2,.53,1.22.29,2.47.53,3.73.75l.24.05q-1.23,22.19-2.2,44.39a59.83,59.83,0,0,0-83.07-26l10.58,29-21.77-20.9a59.66,59.66,0,0,0-19.34,41.34A58.5,58.5,0,0,0,52.8,354a59.84,59.84,0,0,0,110.06,16.3c0,1.5-.1,3-.14,4.51-.4,15.54-.9,34.88,6.85,52.15,5.25,11.7,13.69,21.21,22,29.73,5.43,5.54,11.06,10.91,16.83,16.1a60.09,60.09,0,0,0,21.62,18c9.48,7.3,19.3,14.17,29.45,20.51l6.34,3.94c5.7,3.53,11.54,7.16,17.26,10.93-1-.1-2-.21-3-.26a59.89,59.89,0,0,0-58.94,39l37.4,30.43-41.14-9.54a59.89,59.89,0,0,0,85.82,53.92l-2.78,3.45q-2.76,3.43-5.45,6.82c-24.34,30.83-31.11,60.09-19.06,82.4l14.66-7.91c-11.73-21.72,5.91-49.52,17.47-64.16q2.64-3.33,5.36-6.7c15.55-19.32,33.17-41.22,32.74-68.08C345.52,545,306.21,520.6,274.63,501Z"
Expand Down Expand Up @@ -266,7 +264,7 @@ <h3 class="text-3xl text-gray-800 font-bold leading-none mb-3">
<div class="flex flex-wrap flex-col-reverse sm:flex-row">
<div class="w-full sm:w-1/2 p-6 mt-6">
<svg class="w-5/6 sm:h-64 mx-auto" viewBox="0 0 1176.60617 873.97852" xmlns="http://www.w3.org/2000/svg">
<title>connected world</title>
<title>Fast and reliable scaling all around the Continent</title>
<path
transform="translate(-11.697 -13.011)"
d="m1095.7 225.46c-133.54-185.83-415.64-261.21-693.08-180.02-146.67 42.921-288.09 128.92-358.18 295.44-125.28 297.67 137.76 392.74 309.77 423.04 83.172 14.651 161.51 39.263 233.09 72.771 128.78 60.284 356.74 113.7 528.63-137.41 124.59-182.01 68.722-350.04-20.23-473.82z"
Expand Down Expand Up @@ -416,25 +414,23 @@ <h3 class="text-3xl text-gray-800 font-bold leading-none mb-3">
<div class="w-full sm:w-1/2 p-6 mt-6">
<div class="align-middle">
<h3 class="text-3xl text-gray-800 font-bold leading-none mb-3">
Lorem ipsum dolor sit amet
Industry-specific documents, agreements and policies for your business
</h3>
<p class="text-gray-600 mb-8">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc commodo posuere et sit amet ligula.
Find all Agreements and industry-specific documents and policies for your business no matter the African country.
<br />
<br />
Images from:

<a class="text-pink-500 underline" href="https://undraw.co/">undraw.co</a>

</p>
</div>
</div>
</div>
</div>
</section>
<section class="bg-white border-b py-8">
<section id="services" class="bg-white border-b py-8">
<div class="container mx-auto flex flex-wrap pt-4 pb-12">
<h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-800">
Title
Services
</h2>
<div class="w-full mb-4">
<div class="h-1 mx-auto gradient w-64 opacity-25 my-0 py-0 rounded-t"></div>
Expand All @@ -443,20 +439,20 @@ <h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-80
<div class="flex-1 bg-white rounded-t rounded-b-none overflow-hidden shadow">
<a href="#" class="flex flex-wrap no-underline hover:no-underline">
<p class="w-full text-gray-600 text-xs md:text-sm px-6">
GETTING STARTED
Business Analyzer
</p>
<div class="w-full font-bold text-xl text-gray-800 px-6">
Lorem ipsum dolor sit amet.
Find your regulator,permissible activities and many more!
</div>
<p class="text-gray-800 text-base px-6 mb-5">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc commodo posuere et sit amet ligula.
Get to know your business' permissible activities, stated capital, governance arrangement, systems, technology requirements etc for the African country you want to scale to or operate in.
</p>
</a>
</div>
<div class="flex-none mt-auto bg-white rounded-b rounded-t-none overflow-hidden shadow p-6">
<div class="flex items-center justify-start">
<button class="mx-auto lg:mx-0 hover:underline gradient text-white font-bold rounded-full my-6 py-4 px-8 shadow-lg focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out">
Action
Try Now
</button>
</div>
</div>
Expand All @@ -465,20 +461,20 @@ <h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-80
<div class="flex-1 bg-white rounded-t rounded-b-none overflow-hidden shadow">
<a href="#" class="flex flex-wrap no-underline hover:no-underline">
<p class="w-full text-gray-600 text-xs md:text-sm px-6">
xGETTING STARTED
Go-to-Regulator Time
</p>
<div class="w-full font-bold text-xl text-gray-800 px-6">
Lorem ipsum dolor sit amet.
Your go-to-regulator time Slashed!
</div>
<p class="text-gray-800 text-base px-6 mb-5">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc commodo posuere et sit amet ligula.
All industry-specific policies needed to get licensed autogenerated and ready to use.
</p>
</a>
</div>
<div class="flex-none mt-auto bg-white rounded-b rounded-t-none overflow-hidden shadow p-6">
<div class="flex items-center justify-center">
<button class="mx-auto lg:mx-0 hover:underline gradient text-white font-bold rounded-full my-6 py-4 px-8 shadow-lg focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out">
Action
Try Now
</button>
</div>
</div>
Expand All @@ -487,27 +483,27 @@ <h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-80
<div class="flex-1 bg-white rounded-t rounded-b-none overflow-hidden shadow">
<a href="#" class="flex flex-wrap no-underline hover:no-underline">
<p class="w-full text-gray-600 text-xs md:text-sm px-6">
xGETTING STARTED
Business registration
</p>
<div class="w-full font-bold text-xl text-gray-800 px-6">
Lorem ipsum dolor sit amet.
Get Registered in different African Countries
</div>
<p class="text-gray-800 text-base px-6 mb-5">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at ipsum eu nunc commodo posuere et sit amet ligula.
<p class="text-gray-800 text- base px-6 mb-5">
Fast , reliable and affordable business registration from the comfort of your home
</p>
</a>
</div>
<div class="flex-none mt-auto bg-white rounded-b rounded-t-none overflow-hidden shadow p-6">
<div class="flex items-center justify-end">
<button class="mx-auto lg:mx-0 hover:underline gradient text-white font-bold rounded-full my-6 py-4 px-8 shadow-lg focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out">
Action
Try Now
</button>
</div>
</div>
</div>
</div>
</section>
<section class="bg-gray-100 py-8">
<section class="bg-gray-100 py-8" id="pricing">
<div class="container mx-auto px-2 pt-4 pb-12 text-gray-800">
<h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-800">
Pricing
Expand Down Expand Up @@ -612,16 +608,16 @@ <h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-80
</svg>
<section class="container mx-auto text-center py-6 mb-12">
<h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-white">
Call to Action
Partnerships
</h2>
<div class="w-full mb-4">
<div class="h-1 mx-auto bg-white w-1/6 opacity-25 my-0 py-0 rounded-t"></div>
</div>
<h3 class="my-4 text-3xl leading-tight">
Main Hero Message to sell yourself!
We Partner with certified industry-specific experts from all-over Africa !
</h3>
<button class="mx-auto lg:mx-0 hover:underline bg-white text-gray-800 font-bold rounded-full my-6 py-4 px-8 shadow-lg focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out">
Action!
Sign Up
</button>
</section>
<!--Footer-->
Expand All @@ -638,11 +634,11 @@ <h3 class="my-4 text-3xl leading-tight">
d=" M 510.7 189.151 C 505.271 168.95 484.565 156.956 464.365 162.385 L 330.156 198.367 L 155.924 35.878 L 107.19 49.008 L 211.729 230.183 L 86.232 263.767 L 36.614 224.754 L 0 234.603 L 45.957 314.27 L 65.274 347.727 L 105.802 336.869 L 240.011 300.886 L 349.726 271.469 L 483.935 235.486 C 504.134 230.057 516.129 209.352 510.7 189.151 Z "
/>
</svg>
LANDING
Scalepal
</a>
</div>
<div class="flex-1">
<p class="uppercase text-gray-500 md:mb-6">Links</p>
<p class="uppercase text-gray-500 md:mb-6">Scalepal Blog</p>
<ul class="list-reset mb-6">
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:underline text-gray-800 hover:text-pink-500">FAQ</a>
Expand All @@ -659,7 +655,7 @@ <h3 class="my-4 text-3xl leading-tight">
<p class="uppercase text-gray-500 md:mb-6">Legal</p>
<ul class="list-reset mb-6">
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:underline text-gray-800 hover:text-pink-500">Terms</a>
<a href="#" class="no-underline hover:underline text-gray-800 hover:text-pink-500">Terms and Conditions</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:underline text-gray-800 hover:text-pink-500">Privacy</a>
Expand All @@ -681,7 +677,7 @@ <h3 class="my-4 text-3xl leading-tight">
</ul>
</div>
<div class="flex-1">
<p class="uppercase text-gray-500 md:mb-6">Company</p>
<p class="uppercase text-gray-500 md:mb-6">Scalepal</p>
<ul class="list-reset mb-6">
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="#" class="no-underline hover:underline text-gray-800 hover:text-pink-500">Official Blog</a>
Expand Down
Loading