244 lines
8.4 KiB
HTML
244 lines
8.4 KiB
HTML
<div class="box-container limit-width fade-me-in">
|
|
<!-- ***** FRAME MODE ****** -->
|
|
<div class="body-borders" data-border="20">
|
|
<div class="top-border bg-white"></div>
|
|
<div class="right-border bg-white"></div>
|
|
<div class="bottom-border bg-white"></div>
|
|
<div class="left-border bg-white"></div>
|
|
</div>
|
|
<!-- ***** SLIDER ***** -->
|
|
<div class="indexBg top-header item8 overlay">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12">
|
|
<div class="wrapper">
|
|
<h1 class="heading">About Us</h1>
|
|
<div class="included">
|
|
<h4 class="mb-3">Why Choose Us?</h4>
|
|
<ul>
|
|
<li>
|
|
<i class="fas fa-check-circle"></i> Best hosting provider
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<i class="fas fa-check-circle"></i> Award cloud infrastructure
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<i class="fas fa-check-circle"></i> Awesome control panels
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<i class="fas fa-check-circle"></i> Reference Domain solutions
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<i class="fas fa-check-circle"></i> Support Premium 24/7/365
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ***** CLIENT STATS ***** -->
|
|
<section
|
|
id="clientstats"
|
|
class="pricing special sec-uping scrollme bg-colorstyle specialposition"
|
|
>
|
|
<div class="container">
|
|
<div class="row justify-content-end pb-80" style="height: 430px">
|
|
<div
|
|
class="col-sm-12 col-md-6 col-lg-4 animateme"
|
|
data-when="enter"
|
|
data-from="0"
|
|
data-to="1"
|
|
data-opacity="1"
|
|
data-translatey="-20"
|
|
>
|
|
<div
|
|
class="wrapper price-container text-start bg-seccolorstyle noshadow"
|
|
>
|
|
<div class="top-content pb-5">
|
|
<img
|
|
class="svg mb-3"
|
|
src="/static/felcloud/website/fonts/svg/servers.svg"
|
|
height="65"
|
|
alt=""
|
|
/>
|
|
<div class="title mergecolor">1000+ Servers Available</div>
|
|
<div class="fromer pt-3 seccolor">
|
|
We have a wide range of servers to choose from, so you can find
|
|
the perfect one for your needs.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-sm-12 col-md-6 col-lg-4 animateme"
|
|
data-when="span"
|
|
data-from="0"
|
|
data-to="1"
|
|
data-opacity="1"
|
|
data-translatey="50"
|
|
>
|
|
<div
|
|
class="wrapper price-container text-start bg-seccolorstyle noshadow"
|
|
>
|
|
<div class="plans badge feat bg-grey">top</div>
|
|
<div class="top-content pb-5">
|
|
<img
|
|
class="svg mb-3"
|
|
src="/static/felcloud/website/fonts/svg/rack.svg"
|
|
height="65"
|
|
alt=""
|
|
/>
|
|
<div class="title mergecolor">+1500 Componants Avaialble</div>
|
|
<div class="fromer pt-3 seccolor">
|
|
We have a huge selection of components to choose from.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- ***** TEAM ***** -->
|
|
<section
|
|
class="sec-bg2 bg-colorstyle tophalfpadding nobottompadding motpath"
|
|
style="padding: 2em"
|
|
>
|
|
<div class="team">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12 text-center">
|
|
<h2 class="section-heading mergecolor">Our Best Selling Servers</h2>
|
|
<p class="section-subheading mergecolor">
|
|
Discover our best servers with unbeatable performance and top-tier
|
|
reliability, all at the best prices! Whether you're launching a
|
|
website, gaming, or running apps, we've got the perfect solution.
|
|
Get started today with power, speed, and support!
|
|
</p>
|
|
</div>
|
|
{% for category in categories[:3] %}
|
|
<div class="col-lg-4 col-sm-6 mb-2">
|
|
<div
|
|
style="
|
|
background-color: white;
|
|
padding: 25px;
|
|
padding-top: 35px;
|
|
border-radius: 10px;
|
|
height: 480px;
|
|
width: fit-content;
|
|
min-height: fit-content;
|
|
"
|
|
>
|
|
<div class="text-center mb-4" style="height: 120px">
|
|
<img
|
|
src="{{category['products'][0].image_url}}"
|
|
alt="{{category['products'][0].image_url}}"
|
|
/>
|
|
</div>
|
|
<h4>{{ category['products'][0].product_name }}</h4>
|
|
<ul>
|
|
{% for detail in category['products'][0].details %}
|
|
<li>{{detail}}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<a
|
|
hx-post="/product/{{ category.category }}/{{ category['products'][0].product_name}}"
|
|
class="btn btn-outline btn-default-yellow-fill mb-2"
|
|
style="scale: 0.8; border-radius: 5px"
|
|
hx-target="#bodyTarget"
|
|
hx-swap="innerHTML swap:.3s"
|
|
hx-indicator="#spinner3"
|
|
>
|
|
Configure Now !
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% endfor%}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- ***** MAP ***** -->
|
|
<section
|
|
class="services maping sec-grad-grey-to-grey bottompadding"
|
|
style="padding: 2em; margin-bottom: 0"
|
|
>
|
|
<div class="container">
|
|
<div class="service-wrap">
|
|
<div class="row">
|
|
<div class="col-sm-12 text-center">
|
|
<h2 class="section-heading text-white mergecolor">
|
|
Check out Our best selling components
|
|
</h2>
|
|
<p
|
|
class="section-subheading mergecolor"
|
|
style="color: white; font-weight: bold"
|
|
>
|
|
checkout our best selling components and services, and get the
|
|
best deals on the market. Our components are designed to provide
|
|
you with the best performance and reliability, so you can focus on
|
|
what matters most - your business.
|
|
</p>
|
|
</div>
|
|
<div class="team">
|
|
<div class="container">
|
|
<div class="row">
|
|
{% for category in categories[3:6] %} {% if category['products']
|
|
%}
|
|
|
|
<div class="col-lg-4 col-sm-6 mb-2">
|
|
<div
|
|
style="
|
|
background-color: white;
|
|
padding: 25px;
|
|
padding-top: 35px;
|
|
border-radius: 10px;
|
|
height: 480px;
|
|
width: fit-content;
|
|
min-height: fit-content;
|
|
"
|
|
>
|
|
<div class="text-center mb-4" style="height: 120px">
|
|
<img
|
|
src="{{category['products'][0].image_url}}"
|
|
alt="{{category['products'][0].image_url}}"
|
|
/>
|
|
</div>
|
|
<h4>{{ category['products'][0].product_name }}</h4>
|
|
<ul>
|
|
{% for detail in category['products'][0].details %}
|
|
<li>{{detail}}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<a
|
|
hx-post="/product/{{ category.category }}/{{ category['products'][0].product_name}}"
|
|
class="btn btn-outline btn-default-yellow-fill mb-2"
|
|
style="scale: 0.8; border-radius: 5px"
|
|
hx-target="#bodyTarget"
|
|
hx-swap="innerHTML swap:.3s"
|
|
hx-indicator="#spinner3"
|
|
>
|
|
Configure Now !
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
{% endif %} {% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|