2025-07-06 19:17:27 +01:00

138 lines
4.9 KiB
HTML

<div class="box-container limit-width fade-me-in">
<!-- ***** SLIDER ***** -->
<div class="serversBg top-header item8 overlay">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12">
<div class="wrapper wrappers text-center">
<h1 style="font-size: 50px !important" class="heading">
FelCloud sets the standard for server excellence.
</h1>
<div class="included text-center">
<h4 class="mb-5">
Our commitment to precision engineering, reliability, and
personalized support ensures each system delivers the power,
scalability, and dependability to drive your goals forward.
</h4>
</div>
</div>
</div>
<div class="col-md-3">
<div class="wrapper wrappers wrapperBg">
<h6 style="color: white">
<i class="fas fa-certificate" aria-hidden="true"></i>&nbsp; &nbsp;
Server Excellence Standard
</h6>
<div class="included text-center">
<h6 class="mb-3">
FelCloud sets the benchmark for exceptional server performance,
providing unmatched reliability and top-tier solutions for your
business needs.
</h6>
</div>
</div>
</div>
<div class="col-md-3">
<div class="wrapper wrappers wrapperBg">
<h6 style="color: white">
<i class="fas fa-trophy" aria-hidden="true"></i> &nbsp; &nbsp;
Three-Year Warranty
</h6>
<div class="included text-center">
<h6 class="mb-3">
Our Three-Year Warranty ensures long-lasting reliability,
offering full protection, expert service, and advanced parts
replacement for complete peace of mind.
</h6>
</div>
</div>
</div>
<div class="col-md-3">
<div class="wrapper wrappers wrapperBg">
<h6 style="color: white">
<i class="fas fa-headset" aria-hidden="true"></i>&nbsp; &nbsp;
Real People, Real Support
</h6>
<div class="included text-center">
<h6 class="mb-3">
Our customer service team provides personalized, real-time
support, ensuring that all concerns are addressed quickly and
efficiently with no automated systems.
</h6>
</div>
</div>
</div>
<div class="col-md-3">
<div class="wrapper wrappers wrapperBg">
<h6 style="color: white">
<i class="fas fa-rocket" aria-hidden="true"></i>&nbsp; &nbsp;
Outperforming Giants
</h6>
<div class="included text-center">
<h6 class="mb-3">
We excel by fostering direct supplier relationships, ensuring
competitive pricing, and offering fully customized systems that
guarantee superior performance.
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ***** 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 Servers Types</h2>
<p class="section-subheading mergecolor">
Explore our diverse range of server types, each designed to meet
specific needs and deliver optimal performance for your
applications.
</p>
</div>
</div>
<div class="row serversCategories">
{% for category in servers %}
<div class="col-md-4 mb-2">
<div
style="
background-color: white;
padding: 25px;
padding-top: 35px;
border-radius: 10px;
height: 340px;
"
>
<div class="text-center mb-4" style="height: 120px">
<img src="{{category.category_image}}" alt="{{nav_image}}" />
</div>
<button
hx-post="/servers/{{category.category}}"
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"
>
{{category.category}}
</button>
<p>{{category.description}}</p>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</section>
<!-- ***** SLIDER ***** -->
</div>