<body id="i3py">
<div id="ihth-2" class="w-full lg:h-20">
<nav id="ic5e-2" x-data="{ isOpen: false }"
class="fixed z-50 w-full bg-white bg-opacity-80 backdrop-blur backdrop-filter">
<div id="iboo-2" class="container mx-auto flex w-full flex-col lg:flex-row p-4">
<div id="izxr" class="flex h-12 items-center"><img id="iax6"
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/QEWxzl5Nl43NRpBxjOXLsLnBG8AS444mp7hIaRt3.svg"
class="h-full">
<div id="iiy9" class="flex-grow lg:hidden">
</div>
<div x-on:click="isOpen = !isOpen" x-on:click.outside="isOpen = false"
class="flex w-12 cursor-pointer items-center justify-center lg:hidden"><span
:class="!isOpen ? '' : 'hidden'" class=""><i id="irjl2" class="fas fa-bars">
</i></span><span :class="isOpen ? '' : 'hidden'"><i id="iihgh"
class="fas fa-times">
</i></span></div>
</div>
<div :class="isOpen ? '' : 'hidden'"
class="flex-grow flex-col justify-end pt-4 lg:flex lg:flex-row lg:pt-0"><a id="ivxivq-2"
href="#" class="-mx-2 flex h-12 items-center rounded-lg px-6 lg:mx-0">Home</a><a
id="i0569b-2" href="#services"
class="-mx-2 flex h-12 items-center rounded-lg px-6 lg:mx-0">Services</a><a id="ib4x27-2"
href="#process" class="-mx-2 flex h-12 items-center rounded-lg px-6 lg:mx-0">Process</a><a
id="iudguv-2" href="#clients"
class="-mx-2 flex h-12 items-center rounded-lg px-6 lg:mx-0">Clients</a><a id="i9kav6-2"
href="#contact"
class="mx-4 mb-4 mt-4 flex h-12 items-center justify-center bg-slate-800 px-6 text-white lg:mb-0 lg:ml-4 lg:mr-0 lg:mt-0">Contact</a>
</div>
</div>
</nav>
</div>
<section id="idojq-2" class="container mx-auto mb-16 overflow-hidden">
<div id="ih2rc-2" class="relative flex items-center justify-center px-6 py-32">
<div id="iedzi-2" class="mx-auto flex max-w-screen-lg flex-col px-6 min-h-80">
<h1 id="ivkev-2" class="text-4xl font-bold lg:text-7xl mb-32 lg:mb-44">We are web agency based in Los
Angeles, CA
<br>
</h1>
<h6 id="i0nxm-2" class="text-base lg:text-lg capitalize max-w-lg"><b id="ijfr0x-2" class="mr-1">Far
far away, behind the word mountains,
</b>far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live
in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
<br>
</h6>
<div class="flex w-full justify-center">
</div>
</div>
</div>
</section>
<section id="services" class="bg-gradient-to-r from-slate-50 to-slate-100">
<div id="i3vb5c-2" class="container py-24 mx-auto px-6 lg:px-16">
<div id="igco75-2" class="grid grid-cols-1 lg:grid-cols-2 mb-8 lg:mb-16 lg:mx-24">
<div id="ig0kv8-2">
<h1 id="i38ymj-2" class="text-2xl lg:text-6xl capitalize font-bold mb-2 lg:mb-0">Services
<br>
</h1>
</div>
<div id="ig68er-2" class="flex flex-col gap-4">
<h6 id="i8l2i-2" class="capitalize text-sm lg:text-base"><b id="i6ctj-2"
class="mr-1">Separated they live in Bookmarksgrove
</b>right at the coast of the Semantics, a large language ocean. Far far away, behind the word
mountains, far from the countries Vokalia and Consonantia, there live the blind texts.
<br>
</h6><a id="ii587-2" href="#" type="button"
class="bg-rose-600 text-white text-base font-semibold px-4 w-full lg:max-w-max h-10 flex items-center justify-center hover:opacity-80">Get
In Touch</a>
</div>
</div>
<div id="ikatav-2" class="mb-8 grid grid-cols-1 gap-4 lg:gap-8 lg:mb-16 lg:gap-4 lg:grid-cols-2">
<div id="ix0ak9-2" class="p-4 flex flex-col lg:p-8"><img id="ii3rk7-2" alt="Agency Business"
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/cBGPNByTK8fWLQtKth2Rysfs4QcFBx6XWsYnXtv2.png"
class="w-full mb-4">
<div id="i778cv-2" class="mb-2 text-xl lg:text-2xl lg:mb-4 text-pink-600 underline">Graphic Design
</div>
<p id="ivz2o7-2" class="text-lg">Separated they live in Bookmarksgrove right at the coast of the
Semantics, a large language ocean. Far far away, behind the word mountains, far from the
countries Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="i64h1m-2" class="p-4 flex flex-col lg:p-8"><img id="ipqbm5-2" alt="Agency Business"
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/cuZR6ZcRL56JShBgijHpQFTWqIYE3GbdQJvhunF9.png"
class="w-full mb-4">
<div id="ivx1fu-2" class="mb-2 text-xl lg:text-2xl lg:mb-4 text-pink-600 underline">Web Development
</div>
<p id="iysuz6-2" class="text-lg">Separated they live in Bookmarksgrove right at the coast of the
Semantics, a large language ocean. Far far away, behind the word mountains, far from the
countries Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="i1comg-2" class="p-4 flex flex-col lg:p-8"><img id="ify7vd-2" alt="Agency Business"
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/HSL5UwqEbMACtP9yy5NofloEWuZeWhbh7T6donhL.png"
class="w-full mb-4">
<div id="iqkjw5-2" class="mb-2 text-xl lg:text-2xl lg:mb-4 text-pink-600 underline">Branding
</div>
<p id="isklim-2" class="text-lg">Separated they live in Bookmarksgrove right at the coast of the
Semantics, a large language ocean. Far far away, behind the word mountains, far from the
countries Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="iur39e-2" class="p-4 flex flex-col lg:p-8"><img id="ib7zvk-2" alt="Agency Business"
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/x1EpoYOoNDcj7fylMkDRhPnPqwJENIXsBkZxAvG8.png"
class="w-full mb-4">
<div id="ivk18e-2" class="mb-2 text-xl lg:text-2xl lg:mb-4 text-pink-600 underline">Iconography
</div>
<p id="iz3on2-2" class="text-lg">Separated they live in Bookmarksgrove right at the coast of the
Semantics, a large language ocean. Far far away, behind the word mountains, far from the
countries Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
</div>
</div>
</section>
<section id="process">
<div id="iefelk-2" class="container py-24 mx-auto px-6 lg:px-16">
<div id="i6wgeb-2" class="grid grid-cols-1 lg:grid-cols-2 mb-8 lg:mb-16 lg:mx-24">
<div id="ibxlrh-2">
<h1 id="irwssp-2" class="text-2xl lg:text-6xl capitalize font-bold mb-2 lg:mb-0">Our process
<br>
</h1>
</div>
<div id="ir9muj-2" class="flex flex-col gap-4">
<h6 id="ixj33c-2" class="capitalize text-sm lg:text-base"><b id="i8m4j-2"
class="mr-1">Separated they live in Bookmarksgrove
</b>right at the coast of the Semantics, a large language ocean. Far far away, behind the word
mountains, far from the countries Vokalia and Consonantia, there live the blind texts.
<br>
</h6><a id="igpzdr-2" href="#" type="button"
class="bg-rose-600 text-white text-base font-semibold px-4 w-full lg:max-w-max h-10 flex items-center justify-center hover:opacity-80">Learn
More</a>
</div>
</div>
<div id="i0dotf-2" class="grid lg:grid-cols-3 gap-4 lg:gap-8">
<div id="iwfiuh-2" class="border p-4 lg:p-8 flex flex-col border-pink-600 border-2">
<div id="iog6b8-2" class="w-16 mb-8 h-16 flex items-center justify-center text-4xl bg-slate-100">
<h6 id="icsc8w-2" class="text-base lg:text-lg capitalize font-semibold">01
</h6>
</div>
<h4 id="irjit6-2" class="mb-2 font-bold text-lg text-pink-600">Information Gathering
<br>
</h4>
<p id="iphmvt-2" class="text-lg">Far far away, behind the word mountains, far from the countries
Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="ij65pk-2" class="p-4 lg:p-8 flex flex-col hover:border-pink-600 border-slate-100 border-2">
<div id="i7jx43-2-2"
class="w-16 mb-8 h-16 flex items-center justify-center text-4xl bg-slate-100">
<h6 id="ip812o-2-2" class="text-base lg:text-lg capitalize font-semibold">02
</h6>
</div>
<h4 id="i14bl7-2" class="mb-2 font-bold text-lg text-pink-600">Planning
<br>
</h4>
<p id="izghrk-2" class="text-lg">Far far away, behind the word mountains, far from the countries
Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="iavyab-2" class="p-4 lg:p-8 flex flex-col hover:border-pink-600 border-slate-100 border-2">
<div id="iys4bb-2" class="w-16 mb-8 h-16 flex items-center justify-center text-4xl bg-slate-100">
<h6 id="i9e3jb-2" class="text-base lg:text-lg capitalize font-semibold">03
</h6>
</div>
<h4 id="iqz91l-2" class="mb-2 font-bold text-lg text-pink-600">Design
<br>
</h4>
<p id="izkqug-2" class="text-lg">Far far away, behind the word mountains, far from the countries
Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="iusmlc-2" class="p-4 lg:p-8 flex flex-col hover:border-pink-600 border-slate-100 border-2">
<div id="i0e5kg-2" class="w-16 mb-8 h-16 flex items-center justify-center text-4xl bg-slate-100">
<h6 id="i02m2t-2" class="text-base lg:text-lg capitalize font-semibold">04
</h6>
</div>
<h4 id="iu0iga-2" class="mb-2 font-bold text-lg text-pink-600">Development
<br>
</h4>
<p id="iy4vyr-2" class="text-lg">Far far away, behind the word mountains, far from the countries
Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="ixq209-2" class="p-4 lg:p-8 flex flex-col hover:border-pink-600 border-slate-100 border-2">
<div id="igoo56-2" class="w-16 mb-8 h-16 flex items-center justify-center text-4xl bg-slate-100">
<h6 id="ii2odf-2" class="text-base lg:text-lg capitalize font-semibold">05
</h6>
</div>
<h4 id="iq4ach-2" class="mb-2 font-bold text-lg text-pink-600">Testing and Delivery
<br>
</h4>
<p id="i3v2bv-2" class="text-lg">Far far away, behind the word mountains, far from the countries
Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="i1ew8d-2" class="p-4 lg:p-8 flex flex-col hover:border-pink-600 border-slate-100 border-2">
<div id="inp9pi-2" class="w-16 mb-8 h-16 flex items-center justify-center text-4xl bg-slate-100">
<h6 id="iyghia-2" class="text-base lg:text-lg capitalize font-semibold">06
</h6>
</div>
<h4 id="innqfm-2" class="mb-2 font-bold text-lg text-pink-600">Maintenance
<br>
</h4>
<p id="i5ljag-2" class="text-lg">Far far away, behind the word mountains, far from the countries
Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
</div>
</div>
</section>
<section id="clients" class="bg-gradient-to-r from-slate-800 to-slate-900">
<div id="io98ba-2" class="container py-24 mx-auto px-6 lg:px-16">
<div id="i0h1va-2" class="grid grid-cols-1 lg:grid-cols-2 mb-8 lg:mb-16 lg:mx-24 text-white">
<div id="ioclew-2">
<h1 id="itla17-2" class="text-2xl lg:text-6xl capitalize font-bold mb-2 lg:mb-0">Our clients
<br>
</h1>
</div>
<div id="id6r0b-2" class="flex flex-col gap-4">
<h6 id="ioj54r-2" class="capitalize text-sm lg:text-base"><b>Separated they live in
Bookmarksgrove
</b>right at the coast of the Semantics, a large language ocean. Far far away, behind the word
mountains, far from the countries Vokalia and Consonantia, there live the blind texts.
<br>
</h6>
</div>
</div>
<div id="i59nxt-2" class="grid lg:grid-cols-2 gap-4 lg:gap-8">
<div id="iyuyrj-2" class="p-4 flex flex-col bg-white lg:p-8"><img id="ipwudh-2"
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/WSkSpDDSDN7TJA8WoTwtEk7K33V0f70DqJDN5ZBG.png"
class="max-h-12 max-w-max mb-8">
<h4 id="ibchv1-2" class="mb-2 font-bold text-lg text-pink-600">FixColab
<br>
</h4>
<p id="iwhm1j-2" class="text-lg">Far far away, behind the word mountains, far from the countries
Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="igknch-2" class="p-4 flex flex-col bg-white lg:p-8"><img id="idi7rc-2"
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/5wSZ2znG8mSU36h8Y3J4rLr1UcP3dmEIZFjpC0vW.png"
class="max-h-12 max-w-max mb-8">
<h4 class="mb-2 font-bold text-lg text-pink-600">Goldline
<br>
</h4>
<p class="text-lg">Far far away, behind the word mountains, far from the countries Vokalia and
Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="ir922h-2" class="p-4 flex flex-col bg-white lg:p-8"><img id="iro71s-2"
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/ICxh2OLrCaXUCrLlCDZZhyTbfpUHs7a2dCxHWC0L.png"
class="max-h-12 max-w-max mb-8">
<h4 id="i07kuk-2" class="mb-2 font-bold text-lg text-pink-600">Foxhub
<br>
</h4>
<p class="text-lg">Far far away, behind the word mountains, far from the countries Vokalia and
Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="izfcmr-2" class="p-4 flex flex-col bg-white lg:p-8"><img id="i4aonm-2"
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/B2sHUM6toQnTUxdlbUUPbNTHZHh5pMEp2XGAvCOC.png"
class="max-h-12 max-w-max mb-8">
<h4 id="i4ase4-2" class="mb-2 font-bold text-lg text-pink-600">Ideaa
<br>
</h4>
<p class="text-lg">Far far away, behind the word mountains, far from the countries Vokalia and
Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="iaznaf-2" class="p-4 flex flex-col bg-white lg:p-8"><img id="i2b1ii-2"
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/oxVuxfN2WMiEFYCHcjqiNMbrfTobd5xjFJO1lnfV.png"
class="max-h-12 max-w-max mb-8">
<h4 id="ik158i-2" class="mb-2 font-bold text-lg text-pink-600">Nirastate
<br>
</h4>
<p class="text-lg">Far far away, behind the word mountains, far from the countries Vokalia and
Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="ijw0q2-2" class="p-4 flex flex-col bg-white lg:p-8"><img id="izdvz6-2"
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/l6ok3K90VpCEZqKS2DO1cJi4URUFv8BQq1TsUmiG.png"
class="max-h-12 max-w-max mb-8">
<h4 id="i9kr6i-2" class="mb-2 font-bold text-lg text-pink-600">Treva
<br>
</h4>
<p class="text-lg">Far far away, behind the word mountains, far from the countries Vokalia and
Consonantia, there live the blind texts.
<br>
</p>
</div>
</div>
</div>
</section>
<section id="i6cd5p-2" class="bg-gradient-to-r from-slate-50 to-slate-100">
<div id="ineyx4-2" class="container py-24 mx-auto px-6 lg:px-16">
<div id="ia5o3s-2" class="grid grid-cols-1 lg:grid-cols-2 mb-8 lg:mb-16 lg:mx-24">
<div id="iw7fdk-2">
<h1 id="iqp9v7-2" class="text-2xl lg:text-6xl capitalize font-bold mb-2 lg:mb-0">Features
<br>
</h1>
</div>
<div id="i64haq-2" class="flex flex-col gap-4">
<h6 id="izc48o-2" class="capitalize text-sm lg:text-base"><b id="ik0wyb-2"
class="mr-1">Separated they live in Bookmarksgrove
</b>right at the coast of the Semantics, a large language ocean. Far far away, behind the word
mountains, far from the countries Vokalia and Consonantia, there live the blind texts.
<br>
</h6>
</div>
</div>
<div id="ik6uw6-2" class="mb-8 grid grid-cols-1 gap-4 lg:gap-8 lg:mb-16 lg:gap-4 lg:grid-cols-2">
<div id="iuboo1-2" class="p-4 flex flex-col lg:p-8">
<div id="i0lmy-2"
class="flex items-center justify-center h-24 w-24 mb-4 text-pink-600 text-7xl"><i
id="ikqdo5-2" class="fas fa-bezier-curve">
</i></div>
<div id="ihh8rk-2" class="mb-2 text-xl lg:text-2xl lg:mb-4 text-pink-600 underline">Graphic
Design
</div>
<p id="iuxv6g-2" class="text-lg">Separated they live in Bookmarksgrove right at the coast of the
Semantics, a large language ocean. Far far away, behind the word mountains, far from the
countries Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="il2k3g-2" class="p-4 flex flex-col lg:p-8">
<div id="ipq1g4-2"
class="flex items-center justify-center h-24 w-24 mb-4 text-pink-600 text-7xl"><i
id="itjt2e-2" class="far fa-comment">
</i></div>
<div id="img5gr-2" class="mb-2 text-xl lg:text-2xl lg:mb-4 text-pink-600 underline">24/7 Support
</div>
<p id="ir4tkx-2" class="text-lg">Separated they live in Bookmarksgrove right at the coast of the
Semantics, a large language ocean. Far far away, behind the word mountains, far from the
countries Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="iqaahk-2" class="p-4 flex flex-col lg:p-8">
<div id="ivhc8j-2"
class="flex items-center justify-center h-24 w-24 mb-4 text-pink-600 text-7xl"><i
id="ipinya-2" class="fas fa-cog">
</i></div>
<div id="indsey-2" class="mb-2 text-xl lg:text-2xl lg:mb-4 text-pink-600 underline">Easy to use
</div>
<p id="iufz5f-2" class="text-lg">Separated they live in Bookmarksgrove right at the coast of the
Semantics, a large language ocean. Far far away, behind the word mountains, far from the
countries Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="iit59f-2" class="p-4 flex flex-col lg:p-8">
<div id="ii9a4c-2"
class="flex items-center justify-center h-24 w-24 mb-4 text-pink-600 text-7xl"><i
id="ij860z-2" class="fas fa-desktop">
</i></div>
<div id="il2kw1-2" class="mb-2 text-xl lg:text-2xl lg:mb-4 text-pink-600 underline">Web
development
</div>
<p id="iuyf5x-2" class="text-lg">Separated they live in Bookmarksgrove right at the coast of the
Semantics, a large language ocean. Far far away, behind the word mountains, far from the
countries Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="i5uu2i-2" class="p-4 flex flex-col lg:p-8">
<div id="i187ws-2"
class="flex items-center justify-center h-24 w-24 mb-4 text-pink-600 text-7xl"><i
id="itli51-2" class="far fa-paper-plane">
</i></div>
<div id="itm2le-2" class="mb-2 text-xl lg:text-2xl lg:mb-4 text-pink-600 underline">Intuitive
</div>
<p id="iwq6e1-2" class="text-lg">Separated they live in Bookmarksgrove right at the coast of the
Semantics, a large language ocean. Far far away, behind the word mountains, far from the
countries Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="iap8w9-2" class="p-4 flex flex-col lg:p-8">
<div id="iung74-2"
class="flex items-center justify-center h-24 w-24 mb-4 text-pink-600 text-7xl"><i
id="iozqul-2" class="fas fa-book">
</i></div>
<div id="ibuiam-2" class="mb-2 text-xl lg:text-2xl lg:mb-4 text-pink-600 underline">Documentation
</div>
<p id="itxqse-2" class="text-lg">Separated they live in Bookmarksgrove right at the coast of the
Semantics, a large language ocean. Far far away, behind the word mountains, far from the
countries Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
</div>
</div>
</section>
<section id="ixsf5r-2">
<div id="iz6tpm-2" class="container py-24 mx-auto px-6 lg:px-16">
<div id="i8fyvg-2" class="grid grid-cols-1 lg:grid-cols-2 mb-8 lg:mb-16 lg:mx-24">
<div id="ik5177-2">
<h1 id="i9ne0c-2" class="text-2xl lg:text-6xl capitalize font-bold mb-2 lg:mb-0">Office and team
<br>
</h1>
</div>
<div id="iuoix1-2" class="flex flex-col gap-4">
</div>
</div>
<div id="ii4jml-2" class="flex grid lg:grid-cols-2 gap-8 mb-8">
<div id="ihy3wx-2"><img id="ikoljh-2"
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/jcF58hpqo3CnBj3XWhCmPVK42JNGzdzcGmdyvDPs.png">
</div>
<div id="ikz9gl-2" class="flex flex-col justify-center">
<h6 id="i8nnse-2" class="text-2xl lg:text-4xl font-bold mb-4">Our Office
<br>
</h6>
<h6 id="ikvvk9-2" class="capitalize text-sm lg:text-base"><b id="itzc2s-2"
class="mr-1">Separated they live in Bookmarksgrove
</b>right at the coast of the Semantics, a large language ocean. Far far away, behind the word
mountains, far from the countries Vokalia and Consonantia, there live the blind texts.
<br><br>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the
Semantics, a large language ocean.
<br><br>A small river named Duden flows by their place and supplies it with the necessary
regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your
mouth.
<br>
</h6>
</div>
</div>
<h6 id="iu0fui-2" class="text-2xl lg:text-4xl font-bold mb-4">Our Team
<br>
</h6>
<div id="i7dq68-2" class="grid grid-cols-1 lg:grid-cols-4 gap-4">
<div id="imyqck-2" class="bg-slate-100"><img id="ifibw3-2"
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/7fMcl615IAZCEUHXihWmTA6FOdroOL4jIBC0j5vh.png">
<div id="inmdq4-2" class="w-full p-4 flex gap-4">
<div id="i6r59y-2" class="flex-grow">
<div id="ickjyg-2" class="text-xl lg:text-2xl text-pink-600 underline">Bradley Costa
</div>
<p id="igmwc3-2" class="text-base">CEO, Partner
<br>
</p>
</div>
<div id="iu1j5w-2" class="flex text-4xl items-center gap-4"><a id="ivax3r-2"><i
id="im9bnt-2" class="fab fa-linkedin">
</i></a><a id="i3p0qw-2"><i id="i10w3r-2" class="fab fa-twitter">
</i></a></div>
</div>
</div>
<div id="iel2mx-2" class="bg-slate-100"><img
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/7fMcl615IAZCEUHXihWmTA6FOdroOL4jIBC0j5vh.png">
<div class="w-full p-4 flex gap-4">
<div class="flex-grow">
<div class="text-xl lg:text-2xl text-pink-600 underline">Bradley Costa
</div>
<p class="text-base">CEO, Partner
<br>
</p>
</div>
<div class="flex text-4xl items-center gap-4"><a><i class="fab fa-linkedin">
</i></a><a><i class="fab fa-twitter">
</i></a></div>
</div>
</div>
<div id="ig8fhf-2" class="bg-slate-100"><img
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/7fMcl615IAZCEUHXihWmTA6FOdroOL4jIBC0j5vh.png">
<div class="w-full p-4 flex gap-4">
<div class="flex-grow">
<div class="text-xl lg:text-2xl text-pink-600 underline">Bradley Costa
</div>
<p class="text-base">CEO, Partner
<br>
</p>
</div>
<div class="flex text-4xl items-center gap-4"><a><i class="fab fa-linkedin">
</i></a><a><i class="fab fa-twitter">
</i></a></div>
</div>
</div>
<div id="izr5vr-2" class="bg-slate-100"><img id="iclx3l"
src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/7fMcl615IAZCEUHXihWmTA6FOdroOL4jIBC0j5vh.png">
<div class="w-full p-4 flex gap-4">
<div class="flex-grow">
<div class="text-xl lg:text-2xl text-pink-600 underline">Bradley Costa
</div>
<p class="text-base">CEO, Partner
<br>
</p>
</div>
<div class="flex text-4xl items-center gap-4"><a><i class="fab fa-linkedin">
</i></a><a><i class="fab fa-twitter">
</i></a></div>
</div>
</div>
</div>
</div>
</section>
<section id="contact">
<div id="itnx67" class="container py-24 mx-auto px-6 lg:px-16">
<div class="grid grid-cols-1 lg:grid-cols-2 mb-8 lg:mb-16 lg:mx-24">
<div>
<h1 id="izfqkl" class="text-2xl lg:text-6xl capitalize font-bold mb-2 lg:mb-0">Contact Us
<br>
</h1>
</div>
<div class="flex flex-col gap-4">
</div>
</div>
<div class="flex grid lg:grid-cols-2 gap-8 mb-8">
<div id="i9i9pv">
<form method="get" id="ibe0dx" class="grid p-6 gap-6 bg-slate-100">
<div class="grid"><label for="name_m" class="text-bold text-sm h-6">Name</label><input
type="text" id="name_m" placeholder="Name"
class="h-12 px-3 border-neutral-200 border-2 rounded-lg text-lg"></div>
<div class="grid"><label for="email_m" class="text-bold text-sm h-6">Email</label><input
type="email" id="email_m" placeholder="[email protected]"
class="h-12 px-3 border-neutral-200 border-2 rounded-lg text-lg"></div>
<div class="grid"><label for="enquiry_m" class="text-bold text-sm h-6">Enquiry</label>
<textarea id="enquiry_m" rows="3" placeholder="Write..."
class="py-2 px-3 border-neutral-200 border-2 rounded-lg text-lg"></textarea>
</div>
<div id="itoi1h" class="flex"><button type="submit" id="i4qxfg"
class="bg-pink-600 text-white text-lg font-semibold px-6 w-full lg:max-w-max h-12 flex items-center justify-center hover:opacity-80">Submit</button>
</div>
</form>
</div>
<div id="ia72y9" class="flex flex-col justify-center gap-8">
<div id="irmild" class="flex gap-4">
<div id="ixb8lc"
class="flex h-16 w-16 items-center justify-center rounded-full bg-pink-600 text-3xl text-white min-w-16">
<i id="i2sowp" class="fas fa-home">
</i></div>
<h4 id="ivfrgx" class="text-xl lg:text-2xl font-semibold flex items-center">155 Market St
#101, Paterson, NJ 07505, United States
<br>
</h4>
</div>
<div id="i05g55" class="flex gap-4">
<div id="ib3ors"
class="flex h-16 w-16 items-center justify-center rounded-full bg-pink-600 text-3xl text-white">
<i class="fas fa-phone">
</i></div>
<h4 id="iwex6i" class="text-xl lg:text-2xl font-semibold flex items-center">+1 202 2020 200
<br>
</h4>
</div>
<div id="isacfl" class="flex gap-4">
<div id="if3bqh"
class="flex h-16 w-16 items-center justify-center rounded-full bg-pink-600 text-3xl text-white">
<i class="fas fa-envelope">
</i></div>
<h4 id="ibm3nn" class="text-xl lg:text-2xl font-semibold flex items-center">
[email protected]
<br>
</h4>
</div>
</div>
</div>
</div>
</section>
<section id="i7fsi5-2" class="bg-gradient-to-r from-slate-50 to-slate-100 py-16">
<footer id="ib6lht-2" class="container mx-auto grid gap-8 px-6 lg:grid-cols-4 lg:gap-16 lg:px-16">
<div id="ieorel-2" class="flex flex-col gap-2">
<h4 id="iwr12k-2" class="text-lg font-semibold">About
</h4>
<p id="i9mooj-2" class="max-w-sm text-sm">Far far away, behind the word mountains, far from the
countries Vokalia and Consonantia, there live the blind texts.
<br>
</p>
</div>
<div id="ijkehg-2" class="flex flex-col gap-2">
<h4 id="iuqli4-2" class="text-lg font-semibold">Pages
</h4><a id="i9adrf-2" href="#templates" class="text-sm">Blog</a><a id="ipqcgl-2" href="#sections"
class="text-sm">About</a><a id="iq356v-2" href="#components" class="text-sm">Contact</a>
</div>
<div id="ipkz5b-2" class="flex flex-col gap-2">
<h4 id="i9rz52-2" class="text-lg font-semibold">Resources
</h4><a id="il7247-2" href="#templates" class="text-sm">Blog</a><a id="isw6fk-2" href="#sections"
class="text-sm">About</a><a id="irhnq3-2" href="#components" class="text-sm">Contact</a>
</div>
<div class="flex flex-col gap-2">
<h4 id="idzmfs-2" class="text-lg font-semibold">Contact
</h4><a id="i81br8-2" href="#" class="text-sm">[email protected]</a><a id="izrt5k-2"
href="https://senangstart.com/terms_conditions" class="text-sm">+1 222 212 3819</a><a
id="isbyt5-2" href="https://senangstart.com/privacy_policy" class="text-sm">43 Raymouth Rd.
Baltemoer, London 3910</a>
</div>
</footer>
<footer id="ivu3vs-2" class="container mx-auto flex flex-col px-6 pt-4 lg:flex-row lg:px-16">
<div class="flex justify-center"><a href="#"
class="mr-2 flex h-8 w-8 items-center justify-center rounded-md bg-slate-200 text-sm text-slate-600"><i
class="fab fa-google">
</i></a><a href="#"
class="mr-2 flex h-8 w-8 items-center justify-center rounded-md bg-slate-200 text-sm text-slate-600"><i
class="fab fa-linkedin">
</i></a><a href="#"
class="mr-2 flex h-8 w-8 items-center justify-center rounded-md bg-slate-200 text-sm text-slate-600"><i
class="fab fa-twitter">
</i></a><a href="#"
class="mr-2 flex h-8 w-8 items-center justify-center rounded-md bg-slate-200 text-sm text-slate-600"><i
class="fab fa-facebook">
</i></a></div>
<div class="flex h-8 flex-grow items-center justify-center font-semibold lg:justify-end">2024 © SenangStart
</div>
<div class="flex justify-center"><a id="i4cl1h-2" href="#"
class="flex h-8 w-8 items-center justify-center rounded-md bg-pink-600 text-sm text-white lg:ml-4"><i
class="fas fa-arrow-up">
</i></a></div>
</footer>
</section>
</body>
Welcome to SenangStart Template Preview! 🎉 Visit our homepage for a deeper dive into our offerings, or you can edit this template with drag-n-drop website builder.
Edit Template