Created:09/11/2024
By: RRDevs
Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please contact our support. Thanks so much!
Below is the general HTML structure of the landing page.
The template page's layout consist of top that show the logo and main menu, hero section that show background image, beforecontent that show some amaizing content, about section contain about your some info & feature, service section contained all services, work section you can showcase your portfolio with awesome animation, skills section here you can add some skills, team section is for your team members, testimonial section here you can published your customer reviews, call to action this for call to action content, contact section here you can put your contact information & footer that show copyright information.
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<!-- Site Title -->
<title>SEKEN - Artificial Intelligence Startup HTML5 Template</title>
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sofia&display=swap" rel="stylesheet">
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/odometer.min.css">
<link rel="stylesheet" href="assets/css/swiper.min.css">
<link rel="stylesheet" href="assets/css/vendor/magnific-popup.css">
<link rel="stylesheet" href="assets/css/vendor/fontawesome-pro.css">
<link rel="stylesheet" href="assets/css/vendor/spacing.css">
<link rel="stylesheet" href="assets/css/vendor/custom-font.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div id="preloader">
<div class="preloader-close">x</div>
<div class="sk-three-bounce">
<div class="sk-child sk-bounce1"></div>
<div class="sk-child sk-bounce2"></div>
<div class="sk-child sk-bounce3"></div>
</div>
</div>
<!-- ./ backtotop -->
<div class="backtotop-wrap cursor-pointer">
<svg class="backtotop-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
</svg>
</div>
<!-- ./ preloader -->
<header class="header">
</header><!-- /.Main Header -->
<div id="popup-search-box">
</div><!-- /#popup-search-box -->
<section class="banner-section">
</section><!-- ./ banner-section -->
<section class="about-section">
</section><!-- ./ about-section -->
<section class="choose-us-section">
</section><!-- ./ choose-us-section -->
<section class="service-section">
</section><!-- ./ service-section -->
<section class="pricing-section">
</section><!-- ./ pricing-section -->
<section class="testimonial-section">
</section><!-- ./ testimonial-section -->
<section class="faq-section">
</section><!-- ./faq-section -->
<section class="blog-section">
</section><!-- ./blog-section -->
<section class="footer-section">
</section><!-- ./footer-section -->
<!-- JS here -->
<script src="assets/js/vendor/jquary-3.6.0.min.js"></script>
<script src="assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="assets/js/vendor/bootstrap-bundle.js"></script>
<script src="assets/js/vendor/imagesloaded-pkgd.js"></script>
<script src="assets/js/vendor/waypoints.min.js"></script>
<script src="assets/js/vendor/venobox.min.js"></script>
<script src="assets/js/vendor/odometer.min.js"></script>
<script src="assets/js/vendor/meanmenu.js"></script>
<script src="assets/js/vendor/smooth-scroll.js"></script>
<script src="assets/js/vendor/jquery.isotope.js"></script>
<script src="assets/js/vendor/wow.min.js"></script>
<script src="assets/js/vendor/swiper.min.js"></script>
<script src="assets/js/ajax-form.js"></script>
<script src="assets/js/slider.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
The site is made of many sections like header, slider, testimonials, services and more...
<header> <div id="header-sticky" class="header header-1"> <div class="container"> <div class="mega__menu-wrapper p-relative"> <div class="header__main"> <div class="header__left"> <div class="header__logo"> <a href="index.html"> <div class="logo"> <img src="assets/imgs/logo/logo.png" alt="logo not found"> </div> </a> </div> </div> <div class="header__middle header-1__middle"> <div class="mean__menu-wrapper d-none d-xl-block"> <div class="main-menu"> <nav id="mobile-menu"> <ul> <li> <a href="about-us.html">About Us</a> </li> <li class="has-dropdown "> <a href="javascript:void(0)">Page</a> <ul class="submenu"> <li><a href="team.html">team</a></li> <li><a href="team-details.html">team-details</a></li> <li><a href="project.html">project</a></li> <li><a href="project-details.html">project Details</a></li> <li><a href="testimonial.html">testimonial</a></li> <li><a href="pricing.html">pricing</a></li> <li><a href="cart.html">cart</a></li> <li><a href="wishlist.html">wishlist</a></li> <li><a href="checkout.html">checkout</a></li> <li><a href="shop.html">shop</a></li> <li><a href="shop-details.html">shop-details</a></li> <li><a href="faq.html">faq</a></li> <li><a href="404.html">404 Page</a></li> </ul> </li> <li> <a href="contact.html">Contact</a> </li> </ul> </nav> </div> </div> </div> <div class="header__right"> <div class="header__action d-flex align-items-center"> <div class="contact d-none d-md-inline-flex"> <a href="contact.html"><svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.01172 8C8.94472 8 10.5117 6.433 10.5117 4.5C10.5117 2.567 8.94472 1 7.01172 1C5.07872 1 3.51172 2.567 3.51172 4.5C3.51172 6.433 5.07872 8 7.01172 8Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.026 15C13.026 12.291 10.331 10.1 7.013 10.1C3.695 10.1 1 12.291 1 15" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> Login</a> </div> <div class="header__btn-wrap d-none d-sm-inline-flex"> <a href="contact.html" class="rr-btn rr-btn-bold">Join AI</a> </div> <div class="header__hamburger ml-20 d-xl-none"> <div class="sidebar__toggle"> <button class="bar-icon"> <span></span> </button> </div> </div> </div> </div> </div> </div> </div> </div> </header> <!-- /.Main Header -->
<section class="banner-before"> <div class="banner1__area heading-bg p-relative overflow-hidden z-1"> <div class="banner1__shapes"> <div class="banner1__shapes-shape-1"></div> <div class="banner1__shapes-shape-6 upDown"> <img src="assets/imgs/shapes/hero-1-shape-1.png" alt="img not found"> </div> <div class="banner1__shapes-shape-8" data-background="assets/imgs/shapes/home-1-bg-shape.png"></div> </div> <div class="container"> <div class="row align-items-center"> <div class="col-lg-9"> <div class="banner-heading__wrapper hero"> <h1 class="banner-heading__wrapper-title _split_text">Get to Know the Greatest <br> Co-Pilot Globally</h1> <p class="banner-heading__wrapper-dec rr_title_anim">Platform to build and conversational chatbots without coding simply dumm printin <br> gravida condimentum tortor mollis luctus tellus ac efficitur.</p> </div> <div class="banner1__from-wrapper mt-60"> <h6 class="banner1__from-wrapper-title">How can I help you?</h6> <div class="banner1__from-wrapper-box"> <form action="#" class="rr-subscribe-form"> <input class="form-control" type="email" name="email" placeholder="Open with an elaborate account"> <input type="hidden" name="action" value="mailchimpsubscribe"> <div class="clearfix"></div> </form> <button class="rr-btn"><i class="fa-solid fa-paper-plane"></i> Send</button> </div> </div> </div> <div class="col-lg-3"> <div class="banner1__thumb "> <img class="img-custom-anim-left wow" src="assets/imgs/images/hero-img-1.png" alt="img not found"> </div> </div> </div> </div> </div> </section> <!-- ./ Banner -->
<section class="about__area section-space-top section-space-bottom-2"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6"> <div class="section__title-wrapper hero"> <h2 class="section__title-wrapper-title _split_text">Leading Through Cutting - <br> Edge Solutions.</h2> <p class="section__title-wrapper-dec rr_title_anim mt-20">Fusce interdum neque vehicula ligula interdum, condimentum maximus neque <br> semper. Donec convallis risus vel ullamcorper laoreet. Pellentesque habitant morbi <br> tristique senectus et netus et malesuada.</p> <a class="rr-btn btn-transparent mt-40" href="about-us.html">Explore Seken <i class="fa-solid fa-angle-right"></i></a> </div> </div> <div class="col-lg-6"> <div class="about__img-wrapper"> <div class="about__media"> <div class="img-1 return"> <img src="assets/imgs/about/about-img-1.png" alt="img not found"> </div> </div> <div class="about__thumb-2"> <div class="about__thumb return"> <img src="assets/imgs/about/about-img-3.png" alt="img not found"> </div> </div> </div> </div> <div class="about__searching-box"> <div class="text"> <img src="assets/imgs/icon/about-icon-1.png" alt="img not found"> <p>Searching for a chatbot solution?</p> </div> <a class="rr-btn" href="contact.html">Contact Us <i class="fa-solid fa-angle-right"></i></a> </div> </div> </div> </section> <!-- ./ about-section -->
<section class="choose-us__area section-space-bottom"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6"> <div class="choose-us__media-wrapper"> <div class="choose-us__thumb"> <div class="choose-us__thumb-img return"> <img src="assets/imgs/images/choose-img-1.png" alt="img not fount"> </div> <div class="choose-us__thumb-img-2"> <img src="assets/imgs/images/choose-img-2.png" alt="img not found"> </div> <div class="choose-us__thumb-img-3"> <img src="assets/imgs/images/choose-img-3.png" alt="img not found"> </div> </div> </div> </div> <div class="col-lg-6"> <div class="choose-us__content-wrap"> <div class="section__title-wrapper hero"> <h2 class="section__title-wrapper-title _split_text">Incessantly Enhancing Its <br> Capabilities.</h2> <p class="section__title-wrapper-dec rr_title_anim mt-20">Fusce interdum neque vehicula ligula interdum, condimentum maximus neque <br> semper. Donec convallis risus vel ullamcorper laoreet. Pellentesque habitant morbi <br> tristique senectus et netus et malesuada.</p> <div class="choose-us__list-item"> <ul> <li class="rr_title_anim"><img src="assets/imgs/icon/choose-icon-1.png" alt="img not found">Effortless guidance with AI Co-Pilot</li> </ul> </div> <a class="rr-btn btn-transparent mt-40" href="about-us.html">Explore Seken <i class="fa-solid fa-angle-right"></i></a> </div> </div> </div> </div> </div> </section> <!-- ./ Choose-us-section -->
<section class="service__area section-space pastel-blue-bg fade-wrapper">
<div class="container">
<div class="row">
<div class="section__title-wrapper text-center hero mb-45">
<h2 class="section__title-wrapper-title _split_text">Guided Steps with AI Co-Pilot</h2>
</div>
</div>
<div class="row mb-minus-30">
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="service__item-2">
<div class="service__item mb-30 fade-top">
<div class="service__bg-shape" data-background="assets/imgs/shapes/service-bg-shape.png"></div>
<div class="service__item-icon">
<img src="assets/imgs/icon/service-icon-1.png" alt="img not found">
</div>
<div class="service__item-content">
<h3 class="title">Data processing</h3>
<p class="dec">Fusce interdum neque ligula interdum to condimental maximus neque sempe Donec zonvallis risus morbi senectus.</p>
<a class="rr-btn btn-white" href="service.html">Read More <i class="fa-solid fa-angle-right"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="service__item-2">
<div class="service__item mb-30 fade-top">
<div class="service__bg-shape" data-background="assets/imgs/shapes/service-bg-shape.png"></div>
<div class="service__item-icon service__item-icon-2">
<img src="assets/imgs/icon/service-icon-2.png" alt="img not found">
</div>
<div class="service__item-content">
<h3 class="title">Drafting a Response</h3>
<p class="dec">Fusce interdum neque ligula interdum to condimental maximus neque sempe Donec zonvallis risus morbi senectus.</p>
<a class="rr-btn btn-white" href="service.html">Read More <i class="fa-solid fa-angle-right"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="service__item-2">
<div class="service__item mb-30 fade-top">
<div class="service__bg-shape" data-background="assets/imgs/shapes/service-bg-shape.png"></div>
<div class="service__item-icon">
<img src="assets/imgs/icon/service-icon-3.png" alt="img not found">
</div>
<div class="service__item-content">
<h3 class="title">Merging & execution</h3>
<p class="dec">Fusce interdum neque ligula interdum to condimental maximus neque sempe Donec zonvallis risus morbi senectus.</p>
<a class="rr-btn btn-white" href="service.html">Read More <i class="fa-solid fa-angle-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ./ Service-section -->
<section class="pricing pricing__area section-space"> <div class="container"> <div class="pricing__pricing-top mb-60"> <div class="pricing__title-wrapper hero"> <h2 class="pricing__title-wrapper-title _split_text">Custom Pricing Solutions For You</h2> <p class="pricing__title-wrapper-dec rr_title_anim">Fusce interdum neque ehicula ligula interdum condimentum maximus neque Donec <br> convallis ullamcorper laoree pellentesque habitant morbi.</p> </div> <div class="pricing__toggler_button mt-md-30 mt-sm-25 mt-xs-20 wow fadeIn animated"> <button id="monthly-btn" class="extra-p rr-btn btn-transparent active">Billed monthly</button> </div> </div> <div class="my_row"> <div class="pricing_card"> <div class="card_top"> <img src="assets/imgs/images/pricing-img-1.png" alt="imf not found"> </div> <div class="card_middle card_middle-1"> <ul> <li>Experience 12+ use cases</li> <li>Craft 1,000 AI words per month</li> </ul> </div> <div class="card_bottom card_bottom-1"> <a class="meeting" href="#">Free Meeting</a> </div> </div> </div> </div> </section> <!-- ./ Pricing-section -->
<section class="faq__area ask-question p-relative overflow-hidden section-space">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="section__title-wrapper hero mb-40">
<h2 class="section__title-wrapper-title _split_text">Common Questions & <br> Solutions.</h2>
</div>
<div class="ask-question__faq">
<div class="accordion" id="accordionExample">
<div class="accordion-item ask-question__faq-item faq__item wow fadeInLeft animated" data-wow-delay=".3s">
<h5 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
What is the time needed for a generation?
</button>
</h5>
<div id="collapseThree" class="accordion-collapse collapse show" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Sed interdum ipsum fermentum, condimentum erat eget, egestas est. Etiam <br>
zel justo laoreet efficitu lectu tincidunt magna aliquam eros lorem rhoncus quis <br>
justo Sed non rutrum dolor. Vivamus ut placerat arcu. Donec dapibus sem a <br>
tellus pellentesque imperdiet arcu auctor.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="faq__thumb-2">
<div class="faq__thumb return">
<img src="assets/imgs/images/faq-img-1.png" alt="img not found">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ./ Faq-section -->
<section class="blog__area section-space pastel-blue-bg">
<div class="container">
<div class="row">
<div class="col-12">
<div class="space-between__wrapper hero mb-60">
<h2 class="space-between__wrapper-title _split_text">The Latest Updates <br> News & Blog.</h2>
<a class="rr-btn" href="blog.html">View all Blog <i class="fa-solid fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="row mb-minus-30">
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-6">
<div class="blog__right-border">
<div class="blog__item mb-30">
<div class="blog__item-details">
<div class="blog__item-details-cta">
<div class="man-img">
<img src="assets/imgs/icon/blog-man-icon-1.png" alt="img not found">
</div>
<div class="text">
<h6 class="title"><a href="#">Pelican Steve</a></h6>
<span class="position">Marketing Lead</span>
</div>
</div>
<div class="date"><i class="fa-solid fa-calendar-days"></i> May 06, 2024</div>
</div>
<div class="blog__item-thumb-2">
<div class="blog__item-thumb return">
<img src="assets/imgs/blog/blog-img-1.png" alt="img not found">
</div>
</div>
<h4 class="blog__item-title"><a href="blog-details.html">The Future of Work: Exploring <br> AI Co-Pilot.</a></h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ./ Blog-section -->
<footer class="footer-before">
<section class="footer__area footer-1 pt-90 heading-bg overflow-hidden position-relative z-1">
<div class="container">
<div class="row mb-minus-30 footer__wrap align-items-center">
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="footer__widget">
<div class="footer__item">
<div class="footer__item-icon"><img src="assets/imgs/icon/footer-icon-1.png" alt="img not found"></div>
<div class="footer__item-text">
<span>Location:</span>
<h5 class="title"><a href="https://www.google.com/maps">265 Borough High St London SE1 <br> United Kingdom.</a></h5>
</div>
</div>
</div>
</div>
<div class="col-lg-5 col-md-6 col-sm-6">
<div class="footer__widget footer__left-item-1">
<div class="footer__item">
<div class="footer__item-icon"><img src="assets/imgs/icon/footer-icon-1.png" alt="img not found"></div>
<div class="footer__item-text">
<span>Location:</span>
<h5 class="title"><a href="https://www.google.com/maps">161-165, 165 Borough High St <br> London SE1 1HR.</a></h5>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer__widget footer__left-item-2">
<div class="footer__social">
<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
</div>
</div>
</div>
</div>
<div class="footer__seken-wrapper">
<div class="footer__seken-wrapper-seken">
<h4 class="footer-big-text end">SEKEN</h4>
</div>
<div class="footer__seken-wrapper-media">
<img src="assets/imgs/shapes/footer-shape-1.png" alt="img not found">
</div>
</div>
</div>
<div class="footer__bottom-wrapper">
<div class="container">
<div class="footer__bottom">
<div class="footer__copyright">
<p>© 2024 All Rights Reserved by <a href="http://rrdevs.net">RRDevs</a></p>
</div>
<div class="footer__copyright-menu">
<ul>
<li><a href="index.html">Home</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
</footer>
<!-- ./ footer-section -->
These are the css files:
This template use these Javascript files:
easypiechart.min.js
gsap.js
isotope-docs.min.js
jquery.countdown.min.js
meanmenu.min
nice-select.min.js
parallax.min.js
parallax-scroll.js
ScrollSmoother.js
ScrollToPlugin.js
ScrollTrigger.js
slick.min.js
SplitText.js
swiper.min.js
waypoints.min.js
wow.js
ajax-form.js
bootstrap.bundle.min.js
jquery.appear.js
jquery-3.6.0.min.js
jquery-ui.min.js
magnific-popup.min.js
odometer.min.js
type.js
vanilla-tilt.js
main.js
You can edit the contact.js files. for setting contact form
There are only one php code for contact page which is contact.php, open this file and change the email and subject on line 24 and line 27. No need to edit other code unless you really want to.
Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist.
SEKEN