Documentation for Rou - Rou - Digital Agency landing page
Template Name: Rou - Digital Agency landing page
Created by: webthemes
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact from here.
Html Structure
Logo
Change the red marked img src
<div class="col-md-3 col-4 ">
<!-- logo -->
<a href="#">
<img src=" class="img-fluid logo-img" img/logo.png" alt="logo"/>
</a>
</div>
Email Address
Change the red marked email address from the file mailer.php line no. 22 (mailer.php is in php folder)
Edit this from php folder then mailer.php file - line no. 22
// Set the recipient email address.
// FIXME: Update this to your desired email address.
$recipient = "info@example.com";
CSS Files & Structure
CSS Files
<!-- all css link --> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="css/helper.css" rel="stylesheet" type="text/css"> <link href="css/fontawesome.min.css" rel="stylesheet" type="text/css"/> <link href="css/owl.carousel.min.css" rel="stylesheet" type="text/css"> <link href="css/style.css" rel="stylesheet" type="text/css"> <link href="css/responsive.css" rel="stylesheet" type="text/css">
Changing Font
Rou uses 1 Font family: 'Overpass' (Default) from the Google Fonts Library. To change the Font, you will need to Edit the Bottom Link with your Custom Font link
If you plan to use a Self Hosted font. Here is an Example for using Self Hosted Font.
@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@100;200;300;400;600;700;800;900&display=swap');
Javascript Files & Structure
Javascript Files
<!-- All Js here --> <script src="js/jquery-3.5.1.min.js"></script> <script src="js/plugin.js"></script> <script src="js/main.js"></script> <script src="js/contact.js"></script>
Custom JS coding standard:
/*---------------------------- Hamburger menu ----------------------------*/ $('.hamburger-menu, .menu li a').on('click', function () { $('.line-top, .line-center, .line-bottom, .menu').toggleClass('current'); }) /*---------------------------- smilar product carousel ----------------------------*/ $('.owl-carousel.testimonial-carousel').owlCarousel({ dots: true, loop: true, margin: 30, nav: false, smartSpeed:600, autoplay: true, responsive: { 0: { items: 1 }, 375: { items: 1 }, 767: { items: 1 }, 992: { items: 1 }, 1200: { items: 1 } } }); /*---------------------------- smilar product carousel ----------------------------*/
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 theme feel free to email via my user page contact from here.