AutoMedSysAI/AutoMedSysAIWeb
1
0
Fork 0
Code Issues Pull Requests Releases Activity

fix template

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-05-11 12:28:13 -04:00
parent 22a47b1a7e
commit a4fa333fa2
1 changed files with 251 additions and 471 deletions
Download Patch File Download Diff File Expand all files Collapse all files
wwwapp/templates/home.html
+251 -471
View File
@@ -1092,544 +1092,324 @@
</div> <!-- End container -->
</section>
<section id="reviews-1" class="pt-100 shape--06 shape--gr-whitesmoke reviews-section">
<div class="container">
<!-- <section id="reviews-1" class="pt-100 shape&#45;&#45;06 shape&#45;&#45;gr-whitesmoke reviews-section">-->
<!-- <div class="container">-->
<!-- SECTION TITLE -->
<div class="row justify-content-center">
<div class="col-md-10 col-lg-9">
<div class="section-title mb-70">
<!-- &lt;!&ndash; SECTION TITLE &ndash;&gt; -->
<!-- <div class="row justify-content-center"> -->
<!-- <div class="col-md-10 col-lg-9">-->
<!-- <div class="section-title mb-70"> -->
<!-- Title -->
<h2 class="s-50 w-700">Here’s what our amazing clients are saying</h2>
<!-- &lt;!&ndash; Title &ndash;&gt; -->
<!-- <h2 class="s-50 w-700">Here’s what our amazing clients are saying</h2> -->
<!-- Text -->
<p class="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
</div>
</div>
</div>
<!-- &lt;!&ndash; Text &ndash;&gt; -->
<!-- <p class="s-21 color&#45;&#45;grey">Ligula risus auctor tempus magna feugiat lacinia.</p>-->
<!-- -->
<!-- </div> -->
<!-- </div>-->
<!-- </div>-->
<!-- TESTIMONIALS CONTENT -->
<div class="row">
<div class="col">
<div class="owl-carousel owl-theme reviews-1-wrapper">
<!-- &lt;!&ndash; TESTIMONIALS CONTENT &ndash;&gt;-->
<!-- <div class="row">-->
<!-- <div class="col"> -->
<!-- <div class="owl-carousel owl-theme reviews-1-wrapper">-->
<!-- TESTIMONIAL #1 -->
<div class="review-1 bg--white-100 block-shadow r-08">
<!-- &lt;!&ndash; TESTIMONIAL #1 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- Quote Icon -->
<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- Text -->
<div class="review-txt">
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- Text -->
<p>Etiam sapien sagittis congue augue a massa varius egestas ultrice varius magna
a tempus aliquet undo cursus suscipit
</p>
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>Etiam sapien sagittis congue augue a massa varius egestas ultrice varius magna -->
<!-- a tempus aliquet undo cursus suscipit -->
<!-- </p>-->
<!-- Author -->
<div class="author-data clearfix">
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- Avatar -->
<div class="review-avatar">
<img src="{% static 'images/review-author-1.jpg' %}" alt="review-avatar">
</div>
<!-- Data -->
<div class="review-author">
<h6 class="s-18 w-700">Scott Boxer</h6>
<p class="p-sm">@scott_boxer</p>
</div>
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-1.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Scott Boxer</h6>-->
<!-- <p class="p-sm">@scott_boxer</p>-->
<!-- </div> -->
</div> <!-- End Author -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
</div> <!-- End Text -->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
</div> <!-- END TESTIMONIAL #1 -->
<!-- </div> &lt;!&ndash; END TESTIMONIAL #1 &ndash;&gt;-->
<!-- TESTIMONIAL #2 -->
<div class="review-1 bg--white-100 block-shadow r-08">
<!-- &lt;!&ndash; TESTIMONIAL #2 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- Quote Icon -->
<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- Text -->
<div class="review-txt">
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- Text -->
<p>At sagittis congue augue diam egestas magna an ipsum vitae purus ipsum primis
and cubilia laoreet augue egestas a luctus donec ltrice ligula porta augue magna
suscipit lectus gestas
</p>
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>At sagittis congue augue diam egestas magna an ipsum vitae purus ipsum primis -->
<!-- and cubilia laoreet augue egestas a luctus donec ltrice ligula porta augue magna -->
<!-- suscipit lectus gestas -->
<!-- </p>-->
<!-- Author -->
<div class="author-data clearfix">
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- Avatar -->
<div class="review-avatar">
<img src="{% static 'images/review-author-2.jpg' %}" alt="review-avatar">
</div>
<!-- Data -->
<div class="review-author">
<h6 class="s-18 w-700">Joel Peterson</h6>
<p class="p-sm">Internet Surfer</p>
</div>
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-2.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Joel Peterson</h6>-->
<!-- <p class="p-sm">Internet Surfer</p>-->
<!-- </div> -->
</div> <!-- End Author -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
</div> <!-- End Text -->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
</div> <!-- END TESTIMONIAL #2 -->
<!-- TESTIMONIAL #3 -->
<div class="review-1 bg--white-100 block-shadow r-08">
<!-- </div> &lt;!&ndash; END TESTIMONIAL #2 &ndash;&gt;-->
<!-- -->
<!-- -->
<!-- &lt;!&ndash; TESTIMONIAL #3 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- Quote Icon -->
<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- Text -->
<div class="review-txt">
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- Text -->
<p>Mauris gestas magnis a sapien etiam sapien congue an augue egestas and ultrice
vitae purus diam an integer congue magna ligula egestas magna suscipit
</p>
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>Mauris gestas magnis a sapien etiam sapien congue an augue egestas and ultrice -->
<!-- vitae purus diam an integer congue magna ligula egestas magna suscipit -->
<!-- </p>-->
<!-- Author -->
<div class="author-data clearfix">
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- Avatar -->
<div class="review-avatar">
<img src="{% static 'images/review-author-3.jpg' %}" alt="review-avatar">
</div>
<!-- Data -->
<div class="review-author">
<h6 class="s-18 w-700">Marisol19</h6>
<p class="p-sm">@marisol19</p>
</div>
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-3.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Marisol19</h6>-->
<!-- <p class="p-sm">@marisol19</p>-->
<!-- </div> -->
</div> <!-- End Author -->
</div> <!-- End Text -->
</div> <!-- END TESTIMONIAL #3 -->
<!-- TESTIMONIAL #4 -->
<div class="review-1 bg--white-100 block-shadow r-08">
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
<!-- </div> &lt;!&ndash; END TESTIMONIAL #3 &ndash;&gt;-->
<!-- &lt;!&ndash; TESTIMONIAL #4 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- Quote Icon -->
<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>
<!-- Text -->
<div class="review-txt">
<!-- Text -->
<p>Mauris donec a magnis sapien etiam pretium a congue augue volutpat lectus
aenean magna and undo mauris lectus laoreet tempor egestas rutrum
</p>
<!-- Author -->
<div class="author-data clearfix">
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>Mauris donec a magnis sapien etiam pretium a congue augue volutpat lectus -->
<!-- aenean magna and undo mauris lectus laoreet tempor egestas rutrum-->
<!-- </p>-->
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- Avatar -->
<div class="review-avatar">
<img src="{% static 'images/review-author-4.jpg' %}" alt="review-avatar">
</div>
<!-- Data -->
<div class="review-author">
<h6 class="s-18 w-700">Leslie D.</h6>
<p class="p-sm">Web Developer</p>
</div>
</div> <!-- End Author -->
</div> <!-- End Text -->
</div> <!-- END TESTIMONIAL #4 -->
<!-- TESTIMONIAL #5 -->
<div class="review-1 bg--white-100 block-shadow r-08">
<!-- Quote Icon -->
<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>
<!-- Text -->
<div class="review-txt">
<!-- Text -->
<p>An augue cubilia undo laoreet magna suscipit egestas ipsum lectus purus ipsum
and primis augue an ultrice ligula egestas suscipit a lectus gestas auctor tempus
feugiat impedit
</p>
<!-- Author -->
<div class="author-data clearfix">
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-4.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Leslie D.</h6>-->
<!-- <p class="p-sm">Web Developer</p>-->
<!-- </div> -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
<!-- </div> &lt;!&ndash; END TESTIMONIAL #4 &ndash;&gt;-->
<!-- -->
<!-- -->
<!-- &lt;!&ndash; TESTIMONIAL #5 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>An augue cubilia undo laoreet magna suscipit egestas ipsum lectus purus ipsum -->
<!-- and primis augue an ultrice ligula egestas suscipit a lectus gestas auctor tempus -->
<!-- feugiat impedit -->
<!-- </p>-->
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- Avatar -->
<div class="review-avatar">
<img src="{% static 'images/review-author-5.jpg' %}" alt="review-avatar">
</div>
<!-- Data -->
<div class="review-author">
<h6 class="s-18 w-700">Jennifer Harper</h6>
<p class="p-sm">App Developer</p>
</div>
</div> <!-- End Author -->
</div> <!-- End Text -->
</div> <!-- END TESTIMONIAL #5 -->
<!-- TESTIMONIAL #6 -->
<div class="review-1 bg--white-100 block-shadow r-08">
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-5.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Jennifer Harper</h6>-->
<!-- <p class="p-sm">App Developer</p>-->
<!-- </div> -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
<!-- </div> &lt;!&ndash; END TESTIMONIAL #5 &ndash;&gt;-->
<!-- -->
<!-- -->
<!-- &lt;!&ndash; TESTIMONIAL #6 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- Quote Icon -->
<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- Text -->
<div class="review-txt">
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- Text -->
<p>An augue cubilia laoreet undo magna ipsum semper suscipit egestas magna ipsum
ligula a vitae purus and ipsum primis cubilia magna suscipit
</p>
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>An augue cubilia laoreet undo magna ipsum semper suscipit egestas magna ipsum -->
<!-- ligula a vitae purus and ipsum primis cubilia magna suscipit -->
<!-- </p>-->
<!-- Author -->
<div class="author-data clearfix">
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- Avatar -->
<div class="review-avatar">
<img src="{% static 'images/review-author-6.jpg' %}" alt="review-avatar">
</div>
<!-- Data -->
<div class="review-author">
<h6 class="s-18 w-700">Jonathan Barnes</h6>
<p class="p-sm">jQuery Programmer</p>
</div>
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-6.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Jonathan Barnes</h6>-->
<!-- <p class="p-sm">jQuery Programmer</p>-->
<!-- </div> -->
</div> <!-- End Author -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
</div> <!-- End Text -->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
</div> <!-- END TESTIMONIAL #6 -->
<!-- TESTIMONIAL #7 -->
<div class="review-1 bg--white-100 block-shadow r-08">
<!-- </div> &lt;!&ndash; END TESTIMONIAL #6 &ndash;&gt;-->
<!-- -->
<!-- -->
<!-- &lt;!&ndash; TESTIMONIAL #7 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- Quote Icon -->
<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- Text -->
<div class="review-txt">
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- Text -->
<p>Augue egestas porta tempus volutpat egestas augue cubilia laoreet a magna
suscipit luctus dolor blandit vitae purus neque tempus an aliquet porta gestas
rutrum blandit vitae
</p>
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>Augue egestas porta tempus volutpat egestas augue cubilia laoreet a magna -->
<!-- suscipit luctus dolor blandit vitae purus neque tempus an aliquet porta gestas -->
<!-- rutrum blandit vitae-->
<!-- </p>-->
<!-- Author -->
<div class="author-data clearfix">
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
<!-- Avatar -->
<div class="review-avatar">
<img src="{% static 'images/review-author-7.jpg' %}" alt="review-avatar">
</div>
<!-- Data -->
<div class="review-author">
<h6 class="s-18 w-700">Mike Harris</h6>
<p class="p-sm">Graphic Designer</p>
</div>
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-7.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Mike Harris</h6>-->
<!-- <p class="p-sm">Graphic Designer</p>-->
<!-- </div> -->
</div> <!-- End Author -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
</div> <!-- End Text -->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
</div> <!-- END TESTIMONIAL #7 -->
<!-- </div> &lt;!&ndash; END TESTIMONIAL #7 &ndash;&gt;-->
<!-- TESTIMONIAL #8 -->
<div class="review-1 bg--white-100 block-shadow r-08">
<!-- Quote Icon -->
<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>
<!-- &lt;!&ndash; TESTIMONIAL #8 &ndash;&gt;-->
<!-- <div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->
<!-- Text -->
<div class="review-txt">
<!-- &lt;!&ndash; Quote Icon &ndash;&gt;-->
<!-- <div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->
<!-- Text -->
<p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
suscipit luctus dolor blandit at purus tempus feugiat impedit
</p>
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <div class="review-txt">-->
<!-- Author -->
<div class="author-data clearfix">
<!-- &lt;!&ndash; Text &ndash;&gt;-->
<!-- <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna -->
<!-- suscipit luctus dolor blandit at purus tempus feugiat impedit-->
<!-- </p>-->
<!-- Avatar -->
<div class="review-avatar">
<img src="{% static 'images/review-author-8.jpg' %}" alt="review-avatar">
</div>
<!-- Data -->
<div class="review-author">
<h6 class="s-18 w-700">Evelyn Martinez</h6>
<p class="p-sm">WordPress Consultant</p>
</div>
<!-- &lt;!&ndash; Author &ndash;&gt;-->
<!-- <div class="author-data clearfix">-->
</div> <!-- End Author -->
<!-- &lt;!&ndash; Avatar &ndash;&gt;-->
<!-- <div class="review-avatar">-->
<!-- <img src="{% static 'images/review-author-8.jpg' %}" alt="review-avatar">-->
<!-- </div>-->
<!-- -->
<!-- &lt;!&ndash; Data &ndash;&gt;-->
<!-- <div class="review-author">-->
<!-- <h6 class="s-18 w-700">Evelyn Martinez</h6>-->
<!-- <p class="p-sm">WordPress Consultant</p>-->
<!-- </div> -->
</div> <!-- End Text -->
<!-- </div> &lt;!&ndash; End Author &ndash;&gt;-->
</div> <!-- END TESTIMONIAL #8 -->
<!-- </div> &lt;!&ndash; End Text &ndash;&gt;-->
<!-- </div> &lt;!&ndash; END TESTIMONIAL #8 &ndash;&gt;-->
</div>
</div>
</div> <!-- END TESTIMONIALS CONTENT -->
<!-- </div>-->
<!-- </div>-->
<!-- </div> &lt;!&ndash; END TESTIMONIALS CONTENT &ndash;&gt;-->
</div> <!-- End container -->
</section>
<div id="rating-1" class="pt-70 rating-section">
<div class="container">
<!-- </div> &lt;!&ndash; End container &ndash;&gt;-->
<!-- </section>-->
<!-- RATING TITLE -->
<div class="row justify-content-center">
<div class="col-md-10 col-lg-9">
<div class="rating-title mb-40">
<h5 class="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
</div>
</div>
</div>
<!-- RATING-1 WRAPPER -->
<div class="rating-1-wrapper">
<div class="row justify-content-md-center row-cols-1 row-cols-md-3">
<!-- RATING BOX #1 -->
<div class="col">
<div id="rb-1-1" class="rbox-1">
<!-- Brand Logo -->
<div class="rbox-1-img">
<img class="img-fluid" src="images/brand-21.png" alt="feature-image">
</div>
<!-- Rating Stars -->
<div class="star-rating ico-10 bg--white-100 r-100 clearfix">
<span class="flaticon-star"></span>
<span class="flaticon-star"></span>
<span class="flaticon-star"></span>
<span class="flaticon-star"></span>
<span class="flaticon-star-half-empty mr-5"></span>
&nbsp; 4.7/5
</div>
</div>
</div>
<!-- RATING BOX #2 -->
<div class="col">
<div id="rb-1-2" class="rbox-1">
<!-- Brand Logo -->
<div class="rbox-1-img">
<img class="img-fluid" src="{% static 'images/brand-22.png' %}" alt="feature-image">
</div>
<!-- Rating Stars -->
<div class="star-rating ico-10 bg--white-100 r-100 clearfix">
<span class="flaticon-star"></span>
<span class="flaticon-star"></span>
<span class="flaticon-star"></span>
<span class="flaticon-star"></span>
<span class="flaticon-star mr-5"></span>
&nbsp; 4.95/5
</div>
</div>
</div>
<!-- RATING BOX #3 -->
<div class="col">
<div id="rb-1-3" class="rbox-1">
<!-- Brand Logo -->
<div class="rbox-1-img">
<img class="img-fluid" src="{% static 'images/brand-23.png' %}" alt="feature-image">
</div>
<!-- Rating Stars -->
<div class="star-rating ico-10 bg--white-100 r-100 clearfix">
<span class="flaticon-star"></span>
<span class="flaticon-star"></span>
<span class="flaticon-star"></span>
<span class="flaticon-star"></span>
<span class="flaticon-star-1 mr-5"></span>
&nbsp; 4.24/5
</div>
</div>
</div>
</div> <!-- End row -->
</div> <!-- END RATING-1 WRAPPER -->
</div> <!-- End container -->
</div> <!-- END RATING-1 -->
<section id="integrations-2" class="pt-100 integrations-section">
<div class="container">
<!-- INTEGRATIONS-2 WRAPPER -->
<div class="integrations-2-wrapper bg--02 r-16 text-center">
<!-- SECTION TITLE -->
<div class="row justify-content-center">
<div class="col-md-10 col-lg-9">
<div class="section-title mb-50">
<!-- Title -->
<h2 class="s-50 w-700">Automate your workflow with our integrations</h2>
<!-- Text -->
<p class="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
</div>
</div>
</div>
<!-- TOOLS ROW -->
<div class="row row-cols-1 row-cols-sm-3 row-cols-md-5">
<!-- TOOL #1 -->
<div class="col">
<a href="#" class="in_tool it-1 r-12 wow fadeInUp">
<!-- Logo -->
<div class="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
<img class="img-fluid" src="{% static 'images/png_icons/tool-1.png' %}" alt="brand-logo">
</div>
<!-- Title -->
<h6 class="s-17 w-700">Zapier</h6>
</a>
</div> <!-- END TOOL #1 -->
<!-- TOOL #2 -->
<div class="col">
<a href="#" class="in_tool it-2 r-12 wow fadeInUp">
<!-- Logo -->
<div class="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
<img class="img-fluid" src="{% static 'images/png_icons/tool-2.png' %}" alt="brand-logo">
</div>
<!-- Title -->
<h6 class="s-17 w-700">Google Analytics</h6>
</a>
</div> <!-- END TOOL #2 -->
<!-- TOOL #3 -->
<div class="col">
<a href="#" class="in_tool it-3 r-12 wow fadeInUp">
<!-- Logo -->
<div class="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
<img class="img-fluid" src="{% static 'images/png_icons/tool-3.png' %}" alt="brand-logo">
</div>
<!-- Title -->
<h6 class="s-17 w-700">Amplitude</h6>
</a>
</div> <!-- END TOOL #3 -->
<!-- TOOL #4 -->
<div class="col">
<a href="#" class="in_tool it-4 r-12 wow fadeInUp">
<!-- Logo -->
<div class="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
<img class="img-fluid" src="{% static 'images/png_icons/tool-4.png' %}" alt="brand-logo">
</div>
<!-- Title -->
<h6 class="s-17 w-700">Hubspot</h6>
</a>
</div> <!-- END TOOL #4 -->
<!-- TOOL #5 -->
<div class="col">
<a href="#" class="in_tool it-5 r-12 wow fadeInUp">
<!-- Logo -->
<div class="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
<img class="img-fluid" src="{% static 'images/png_icons/tool-5.png' %}" alt="brand-logo">
</div>
<!-- Title -->
<h6 class="s-17 w-700">MailChimp</h6>
</a>
</div> <!-- END TOOL #5 -->
</div> <!-- END TOOLS ROW -->
<!-- MORE BUTTON -->
<div class="row">
<div class="col">
<div class="more-btn text-center mt-60 wow fadeInUp">
<a href="integrations.html" class="btn btn--tra-black hover--theme">View all integrations</a>
</div>
</div>
</div>
</div> <!-- END INTEGRATIONS-2 WRAPPER -->
</div> <!-- End container -->
</section> <!-- END INTEGRATIONS-2 -->
<!-- <section id="faqs-3" class="pt-100 faqs-section"> -->
<!-- <div class="container">-->