English
Spanish
French
0
Notifications
0 Non lues
Aucune notification
Voir toutes
Aucune nouvelle notification
Raccourcis
Tableau de bord
Profil
Paramètres
Voir toutes les apps
Utilisateur
Utilisateur
Profil
Messages
25
Paramètres
Solde
$47.12
Support
Se déconnecter
Dashboard
Dashboard
Éditer first/index.php
<?php // Charge le helper 'url' pour utiliser base_url() helper('url'); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content="BCS"> <link href="<?= base_url('assets/css/poppins-font.css'); ?>" rel="stylesheet"> <title>Business Computer Services HTML5 Template</title> <!-- Bootstrap core CSS from CDN --> <link href="<?= base_url('assets/css/bootstrap.min.css'); ?>" rel="stylesheet"> <!-- Additional CSS Files --> <link rel="stylesheet" href="<?= base_url('assets/css/fontawesome.css'); ?>"> <link rel="stylesheet" href="<?= base_url('assets/css/bcs.css'); ?>"> <link rel="stylesheet" href="<?= base_url('assets/css/owl.css'); ?>"> </head> <body> <!-- ***** Preloader Start ***** --> <div id="preloader"> <div class="jumper"> <div></div> <div></div> <div></div> </div> </div> <!-- ***** Preloader End ***** --> <!-- Header --> <div class="sub-header"> <div class="container"> <div class="row"> <div class="col-md-8 col-xs-12"> <ul class="left-info"> <li> <a href="#"> <i class="fa fa-clock-o"></i>Mon-Fri 09:00-17:00 </a> </li> <li> <a href="#"> <i class="fa fa-phone"></i>+243814512680 </a> </li> </ul> </div> <div class="col-md-4"> <ul class="right-icons"> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-linkedin"></i></a></li> <li><a href="#"><i class="fa fa-behance"></i></a></li> </ul> </div> </div> </div> </div> <header> <nav class="navbar navbar-expand-lg"> <div class="container"> <a class="navbar-brand" href="#"> <h2>Business Computer Services</h2> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a class="nav-link" href="#top">Accueil <span class="sr-only">(current)</span> </a> </li> <li class="nav-item"><a class="nav-link" href="#">Apropos de nous</a></li> <li class="nav-item"><a class="nav-link" href="#">Nos services</a></li> <li class="nav-item"><a class="nav-link" href="#">Nos contacts</a></li> </ul> </div> </div> </nav> </header> <!-- Banner Starts Here --> <div class="main-banner header-text" id="top"> <div class="Modern-Slider"> <!-- Item 1 --> <div class="item item-1"> <div class="img-fill"> <div class="text-content"> <h6>Nous sommes heureux de vous offrir</h6> <h4>Nos services<br>en informatique</h4> <p>This finance HTML template is 100% free of charge provided by BCS for everyone.<br> Multiple-page version with different HTML pages.</p> <a href="#" class="filled-button">Nos contacts</a> </div> </div> </div> <!-- Item 2 --> <div class="item item-2"> <div class="img-fill"> <div class="text-content"> <h6>Accompagnement de qualité</h6> <h4>Application<br>& logiciel</h4> <p>Appuyez-vous sur notre expérience et laissez-vous guider à chaque étape de votre parcours : de la conception à la prise en main de vos applications et logiciels.</p> <a href="#" class="filled-button">Nos services</a> </div> </div> </div> <!-- Item 3 (exemple supplémentaire) --> <div class="item item-3"> <div class="img-fill"> <div class="text-content"> <h6>We have a solid background</h6> <h4>Market Analysis<br>& Statistics</h4> <p>You can download, edit and use this layout for your business website.<br> Phasellus lacinia ac sapien vitae dapibus.</p> <a href="#" class="filled-button">Learn More</a> </div> </div> </div> <!-- etc. --> </div> </div> <!-- Banner Ends Here --> <!-- Request Form --> <div class="request-form"> <div class="container"> <div class="row"> <div class="col-md-8"> <h4>Request a call back right now ?</h4> <span>Mauris ut dapibus velit cras interdum nisl ac urna tempor mollis.</span> </div> <div class="col-md-4"> <a href="#" class="border-button">Nos contacts</a> </div> </div> </div> </div> <!-- Services --> <div class="services"> <div class="container"> <div class="row"> <!-- Exemple de 3 blocs de services --> <div class="col-md-4"> <div class="service-item"> <img src="<?= base_url('assets/images/service_01.jpg'); ?>" alt=""> <div class="down-content"> <h4>Digital Currency</h4> <p>Sed tincidunt dictum lobortis. Aenean tempus diam vel augue luctus dignissim.</p> <a href="#" class="filled-button">Read More</a> </div> </div> </div> <div class="col-md-4"> <div class="service-item"> <img src="<?= base_url('assets/images/service_02.jpg'); ?>" alt=""> <div class="down-content"> <h4>Market Analysis</h4> <p>Nunc ornare leo tortor. Aenean tempus diam vel augue luctus dignissim.</p> <a href="#" class="filled-button">Read More</a> </div> </div> </div> <div class="col-md-4"> <div class="service-item"> <img src="<?= base_url('assets/images/service_03.jpg'); ?>" alt=""> <div class="down-content"> <h4>Historical Data</h4> <p>Etiam efficitur, tellus a tristique rutrum, nulla quam vehicula est.</p> <a href="#" class="filled-button">Read More</a> </div> </div> </div> </div> </div> </div> <!-- Fun Facts --> <div class="fun-facts"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="left-content"> <span>Lorem ipsum dolor sit amet</span> <h2>Our solutions for your <em>business growth</em></h2> <p> Pellentesque ultrices at turpis in vestibulum. Aenean pretium elit nec congue elementum. Nulla luctus laoreet porta. Maecenas at nisi tempus, porta metus vitae, faucibus augue. <br><br> Fusce et venenatis ex. Quisque varius, velit quis dictum sagittis, odio velit molestie nunc, ut posuere ante tortor ut neque. </p> <a href="#" class="filled-button">Read More</a> </div> </div> <div class="col-md-6 align-self-center"> <div class="row"> <div class="col-md-6"> <div class="count-area-content"> <div class="count-digit">945</div> <div class="count-title">Work Hours</div> </div> </div> <div class="col-md-6"> <div class="count-area-content"> <div class="count-digit">1280</div> <div class="count-title">Great Reviews</div> </div> </div> <div class="col-md-6"> <div class="count-area-content"> <div class="count-digit">578</div> <div class="count-title">Projects Done</div> </div> </div> <div class="col-md-6"> <div class="count-area-content"> <div class="count-digit">26</div> <div class="count-title">Awards Won</div> </div> </div> </div> </div> </div> </div> </div> <!-- More Info --> <div class="more-info"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="more-info-content"> <div class="row"> <div class="col-md-6"> <div class="left-image"> <img src="<?= base_url('assets/images/more-info.jpg'); ?>" alt=""> </div> </div> <div class="col-md-6 align-self-center"> <div class="right-content"> <span>Who we are</span> <h2>Get to know about <em>our company</em></h2> <p> Curabitur pulvinar sem a leo tempus facilisis. Sed non sagittis neque. Nulla conse quat tellus nibh, id molestie felis sagittis ut. Nam ullamcorper tempus ipsum in cursus. <br><br> Praes end at dictum metus. Morbi id hendrerit lectus, nec dapibus ex. Etiam ipsum quam, luctus eu egestas eget, tincidunt. </p> <a href="#" class="filled-button">Read More</a> </div> </div> </div> </div> </div><!-- col-md-12 --> </div><!-- row --> </div><!-- container --> </div><!-- more-info --> <!-- Testimonials --> <div class="testimonials"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-heading"> <h2>What they say <em>about us</em></h2> <span>testimonials from our greatest clients</span> </div> </div> <div class="col-md-12"> <div class="owl-testimonials owl-carousel"> <div class="testimonial-item"> <div class="inner-content"> <h4>George Walker</h4> <span>Chief Financial Analyst</span> <p>"Nulla ullamcorper, ipsum vel condimentum congue, mi odio vehicula tellus, sit amet malesuada justo sem sit amet quam. Pellentesque in sagittis lacus."</p> </div> <img src="https://via.placeholder.com/60x60" alt=""> </div> <div class="testimonial-item"> <div class="inner-content"> <h4>John Smith</h4> <span>Market Specialist</span> <p>"In eget leo ante. Sed nibh leo, laoreet accumsan euismod quis, scelerisque a nunc. Mauris accumsan, arcu id ornare malesuada, est nulla luctus nisi."</p> </div> <img src="https://via.placeholder.com/60x60" alt=""> </div> <!-- etc. --> </div> </div> </div> </div> </div> <!-- Callback Form --> <div class="callback-form"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-heading"> <h2>Request a <em>call back</em></h2> <span>Etiam suscipit ante a odio consequat</span> </div> </div> <div class="col-md-12"> <div class="contact-form"> <form id="contact" action="" method="post"> <div class="row"> <div class="col-lg-4 col-md-12 col-sm-12"> <fieldset> <input name="name" type="text" class="form-control" id="name" placeholder="Full Name" required=""> </fieldset> </div> <div class="col-lg-4 col-md-12 col-sm-12"> <fieldset> <input name="email" type="text" class="form-control" id="email" pattern="[^ @]*@[^ @]*" placeholder="E-Mail Address" required=""> </fieldset> </div> <div class="col-lg-4 col-md-12 col-sm-12"> <fieldset> <input name="subject" type="text" class="form-control" id="subject" placeholder="Subject" required=""> </fieldset> </div> <div class="col-lg-12"> <fieldset> <textarea name="message" rows="6" class="form-control" id="message" placeholder="Your Message" required=""></textarea> </fieldset> </div> <div class="col-lg-12"> <fieldset> <button type="submit" id="form-submit" class="border-button"> Send Message </button> </fieldset> </div> </div> </form> </div><!-- contact-form --> </div><!-- col-md-12 --> </div><!-- row --> </div><!-- container --> </div><!-- callback-form --> <!-- Partners --> <div class="partners"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="owl-partners owl-carousel"> <div class="partner-item"> <img src="<?= base_url('assets/images/client-01.png'); ?>" title="1" alt="1"> </div> <div class="partner-item"> <img src="<?= base_url('assets/images/client-01.png'); ?>" title="2" alt="2"> </div> <div class="partner-item"> <img src="<?= base_url('assets/images/client-01.png'); ?>" title="3" alt="3"> </div> <div class="partner-item"> <img src="<?= base_url('assets/images/client-01.png'); ?>" title="4" alt="4"> </div> <div class="partner-item"> <img src="<?= base_url('assets/images/client-01.png'); ?>" title="5" alt="5"> </div> <!-- etc. --> </div> </div> </div> </div> </div> <!-- Footer Starts Here --> <footer> <div class="container"> <div class="row"> <div class="col-md-3 footer-item"> <h4>Business Computer Services</h4> <p>Vivamus tellus mi. Nulla ne cursus elit, vulputate. Sed ne cursus augue hasellus lacinia sapien vitae.</p> <ul class="social-icons"> <li> <a rel="nofollow" href="https://fb.com/BCS" target="_blank"> <i class="fa fa-facebook"></i> </a> </li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-linkedin"></i></a></li> <li><a href="#"><i class="fa fa-behance"></i></a></li> </ul> </div> <div class="col-md-3 footer-item"> <h4>Useful Links</h4> <ul class="menu-list"> <li><a href="#">Vivamus ut tellus mi</a></li> <li><a href="#">Nulla nec cursus elit</a></li> <li><a href="#">Vulputate sed nec</a></li> <li><a href="#">Cursus augue hasellus</a></li> <li><a href="#">Lacinia ac sapien</a></li> </ul> </div> <div class="col-md-3 footer-item"> <h4>Additional Pages</h4> <ul class="menu-list"> <li><a href="#">Apropos de nous</a></li> <li><a href="#">How We Work</a></li> <li><a href="#">Quick Support</a></li> <li><a href="#">Nos contacts</a></li> <li><a href="#">Privacy Policy</a></li> </ul> </div> <div class="col-md-3 footer-item last-item"> <h4>Contact Us</h4> <div class="contact-form"> <form id="contact footer-contact" action="" method="post"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12"> <fieldset> <input name="name" type="text" class="form-control" id="name" placeholder="Full Name" required=""> </fieldset> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <fieldset> <input name="email" type="text" class="form-control" id="email" pattern="[^ @]*@[^ @]*" placeholder="E-Mail Address" required=""> </fieldset> </div> <div class="col-lg-12"> <fieldset> <textarea name="message" rows="6" class="form-control" id="message" placeholder="Your Message" required=""></textarea> </fieldset> </div> <div class="col-lg-12"> <fieldset> <button type="submit" id="form-submit" class="filled-button"> Send Message </button> </fieldset> </div> </div> </form> </div><!-- contact-form --> </div><!-- col-md-3 --> </div><!-- row --> </div><!-- container --> </footer> <div class="sub-footer"> <div class="container"> <div class="row"> <div class="col-md-12"> <p> Copyright © 2020 Financial Business Co., Ltd. - Design: <a rel="nofollow noopener" href="https://BCS.com" target="_blank">BCS</a> </p> </div> </div> </div> </div> <!-- Bootstrap core JavaScript --> <script src="<?= base_url('assets/js/jquery.min.js'); ?>"></script> <script src="<?= base_url('assets/js/bootstrap.bundle.min.js'); ?>"></script> <!-- Additional Scripts --> <script src="<?= base_url('assets/js/custom.js'); ?>"></script> <script src="<?= base_url('assets/js/owl.js'); ?>"></script> <script src="<?= base_url('assets/js/slick.js'); ?>"></script> <script src="<?= base_url('assets/js/accordions.js'); ?>"></script> </body> </html>
Annuler
Enregistrer
Switcher
Theme Styles
Theme Colors
Theme Color Mode:
Light
Dark
Menu Colors:
