60 lines
3.2 KiB
PHP
60 lines
3.2 KiB
PHP
<footer>
|
|
<section class="container-fluid bg-[url(/assets/footer-bg.jpg)] bg-cover bg-center bg-no-reapet mt-10">
|
|
<div class="container mx-auto p-4">
|
|
<div class="grid-container">
|
|
<div class="grid-item">
|
|
<div class="flex flex-col justify-center">
|
|
<img class="h-[150px] rounded-t-md" src="/assets/cicd_logo.jpeg" alt="">
|
|
<!-- <p class="uppercase text-center text-xl font-bold">cicd hosting</p> -->
|
|
<p class="text-justify">CICD Hosting offers streamlined hosting solutions for WordPress, HTML, PHP, and more. Experience seamless integration with your development process and reliable support for your online projects</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid-item">
|
|
<p class="uppercase text-xl font-bold">Important links</p>
|
|
<div class="flex flex-col space-y-3 mt-4">
|
|
<a href="https://cicdhosting.supersite2.myorderbox.com"><span class="text-[#fff] text-xl">➣ </span>Homes</a>
|
|
<a href="https://cicdhosting.supersite2.myorderbox.com/optimized-wordpress-hosting.php"><span class="text-[#fff] text-xl">➣ </span>Wordpress Hosting</a>
|
|
<a href="https://cicdhosting.supersite2.myorderbox.com/web-hosting/index.php"><span class="text-[#fff] text-xl">➣ </span>Linux Shared Hosting</a>
|
|
<a href="https://cicdhosting.supersite2.myorderbox.com/web-hosting/windows-hosting.php"><span class="text-[#fff] text-xl">➣ </span>Windows Shared Hosting</a>
|
|
<a href="https://cicdhosting.supersite2.myorderbox.com/virtualserverlinux-hosting.php"><span class="text-[#fff] text-xl">➣ </span>Linux KVM VPS</a>
|
|
</div>
|
|
</div>
|
|
<div class="grid-item">
|
|
<form action="post" class="flex flex-col">
|
|
<input class="input-class" type="text" name="name" id="name" placeholder="Full Name" />
|
|
<input class="input-class" type="text" name="email" id="email" placeholder="Email Id" />
|
|
<input class="input-class" type="text" name="phone" id="phone" placeholder="Phone Number"/>
|
|
<textarea class="input-class" name="message" id="message" placeholder="Message..."></textarea>
|
|
<div class="flex justify-end">
|
|
<input class="bg-[#2fbe15] px-6 py-2 rounded-lg" type="submit" value="Submit" >
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</footer>
|
|
<style>
|
|
.grid-container {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
gap: 20px;
|
|
color: #fff;
|
|
}
|
|
|
|
.grid-item {
|
|
padding: 20px;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 10px #ffffff50;
|
|
}
|
|
.input-class{
|
|
background-color: #3d3d3d;
|
|
color: #fff;
|
|
padding: 6px;
|
|
border-radius: 8px;
|
|
border: 1px solid #ccc;
|
|
margin-bottom: 10px;
|
|
}
|
|
</style>
|
|
</body>
|
|
</html> |