言情小说 君子以泽

    <small id="jox6s" ></small>

    <ins id="1042g" ></ins>
      <delect id="vvrwo" ><mark id="i2nun" ><wbr id="nky6c" ></wbr></mark></delect>
      <samp id="p0ka9" ></samp>

    1. <pre id="q50u4" ></pre>

      <font id="uyd9l" ><bdo id="pzn6l" ></bdo></font>
      <sup id="m4etn" ><em id="vnnhx" ></em></sup>

        <i id="73b7s" ></i>
        <ins id="w6162" ><listing id="p965y" ></listing></ins>

        INTRODUCTION

        Hello and thank you for using Evolo Startup HTML Landing Page Template. Evolo is an HTML landing page template built with Bootstrap featuring image slider, lightbox details, working request and contact form.

        Built with Bootstrap 4, HTML5, CSS3, PHP and JavaScript it will help you achieve your online marketing goals in a beautiful and efficient manner.

        Frameworks and toolkits used: Bootstrap 4, Popper, jQuery, jQuery Easing, Validator, Magnific Popup, Swiper.

        You can edit the template's Html, Css, Php, Js files with your preferred text and code editor: Notepad++, Visual Code, Sublime or any other...

        For image editing you can use Adobe Photoshop or any other graphic editor of your choice.


        FILES STRUCTURE

        Documentation - is the folder of this help file.
        Web - contains the html, css, js and php files of the template.

        Web folder includes index.html file which you will use to open the template. Besides index.html, you will also find the following folders:

        • Css - Bootstrap, Font Awesome, Magnific Popup, Swiper and the template's custom stylesheet styles.css
        • Images - Images used throughout the template including the favicon and logo
        • Js - JavaScript files for Bootstrap, Popper, jQuery, jQuery Easing, Magnific Popup, Swiper, Validator, and Evolo's custom scripts: scripts.js
        • Php - PHP script files for the contact forms
        • Webfonts - Font Awesome files


        IMAGES

        You can find your own images while checking out the following free online sources:

        Images sources

        Illustrations are from freepik and some require a Premium subscription which is about $90 but it's all worth it:

        言情小说 君子以泽

        - Place your image file in the images folder
        - Open for editing index.html
        - Find Navbar section
        - Here find this line of code:

        <a class="navbar-brand logo-image" href="index.html"><img src="images/logo.svg" alt="alternative"></a>
        

        - And replace logo.svg with your new file name
        - Save the file and refresh the browser window to see the changes

        Changing Header Background Image

        - Edit and save the image file in the images folder
        - Open for editing css/styles.css
        - Find the Header section:
        - And at the Min-width width 992px find the background property of the header class:

        .header {
        	background: url('../images/header-background.jpg') center center no-repeat;
        	background-size: cover; 
        }
        

        - And replace header-background.jpg with your own file name
        - Save the file and refresh the browser window to see the changes

        言情小说 君子以泽

        - Edit and save the image file in the images folder
        - Open for editing css/styles.css
        - Find the section you need for example Testimonials section
        - Here find the following lines:

        .slider-2 {
        	padding-top: 7.5rem;
        	padding-bottom: 7rem;
        	background: url('../images/testimonials-background.jpg') center center no-repeat;
        	background-size: cover; 
        }
        

        - And replace testimonials-background.jpg with your own file name
        - For optimum results with the least amount of work I recommend using the same image size as the original in Preview
        - Save the file and refresh the browser window to see the changes


        ICONS

        Font Awesome Icons

        Evolo uses Font Awesome icon font in many sections and elements.

        To change one of the Font Awesome icons you can simply replace the classes that you'll find in index.html e.g. fa-phone, fa-envelope, fa-chrome with the ones that you need from http://fontawesome.io/icons/

        Social Media Icons

        To change social media icons in the Footer section of the template, you need to:
        - Open index.html from the template folder
        - Find the section Social Media in the Footer:
        - And replace fa-facebook, fa-twitter, and so on... with the classes name that you need from http://fontawesome.io/icons/ in the Brand Icons section
        - Also don't forget to replace href="#your-link" with the link to your social page or account

        Social Media Tip

        If you want to control the way the posts look like when you share the landing page on social media (Facebook, Google+ and LinkedIn especially) don't forget to update the OG Meta Tags (OpenGraph) in the Head section of the index.html file.

        <meta property="og:site_name" content="" /> <!-- website name -->
        <meta property="og:site" content="" /> <!-- website link -->
        <meta property="og:title" content=""/> <!-- title shown in the actual shared post -->
        <meta property="og:description" content="" /> <!-- description shown in the actual shared post -->
        <meta property="og:image" content="" /> <!-- image link, make sure it's jpg -->
        <meta property="og:url" content="" /> <!-- where do you want your post to link to -->
        <meta property="og:type" content="article" />
        

        You can check out this article courtesy of Engage Interactive


        REQUEST, CONTACT & PRIVACY POLICY FORM

        To receive emails with data from your visitors simply change the line $EmailTo = "yourname@domain.com"; to your email address in the php folder in the following files:

        • requestform-process.php
        • contactform-process.php
        • privacy-process.php

        Attention:The script only runs online (on a liver server with PHP support) so the forms will not work while the landing page is offline on your hard-drive

        If you want to change input fields names, you will need to update them accordingly in the following files:

        • index.html, scripts.js and the php file from the php folder.

        言情小说 君子以泽

        To setup a redirect to a thank you page on form submit, you need to:
        - Open js/scripts.js inside the template folder
        - Find the following block of code in the form section

        function cformSuccess() {
        	$("#ContactForm")[0].reset();
        	csubmitMSG(true, "Message Submitted!")
        }
        

        - And change it to:
        function cformSuccess() {
        	$("#ContactForm")[0].reset();
        	window.location.href = "https://yourlinkhere.com";
        }
        

        - And replace inside the quotes https://yourlinkhere.com with your link


        SUPPORT

        Because of limited resources at this point I am not able to provide support for free items but don't hesitate to send your questions at lucian@inovatik.com and I will try to help and at least point you in the right direction.

        言情小说 君子以泽

          <small id="2onve" ></small>

          <ins id="3xbuz" ></ins>
            <delect id="y2a61" ><mark id="cv594" ><wbr id="0bv5m" ></wbr></mark></delect>
            <samp id="38iye" ></samp>

          1. <pre id="7hssf" ></pre>

            <font id="0k40m" ><bdo id="e23oh" ></bdo></font>
            <sup id="2u4rv" ><em id="y6orl" ></em></sup>

              <i id="xaxr9" ></i>
              <ins id="q41z6" ><listing id="gf64d" ></listing></ins>
              捷报比分网,捷报比分网官网,捷报比分网即时比分 亚冠比赛下注平台 yabo体育 澳洲10开奖记录
              企鹅电竞主播管理平台房间链接 日博体育 - 首页 二八杠棋牌最新安卓版下载 nba夏季联赛规则
              足彩数据分析软件排行 博彩评级网信誉 世界足球各大联赛排名 必赢体育博彩套利
              全福早餐加盟 全国连锁加盟 中式早餐店加盟 港式早点加盟 特色早点小吃加盟店
              早点加盟项目 双合成早餐加盟 我想加盟早点 杨国福麻辣烫加盟费 湖北早餐加盟
              自助早餐加盟 健康早餐加盟 港式早点加盟 中式早餐加盟 特色小吃早点加盟
              特色早点加盟店 早餐餐饮加盟 健康早餐店加盟 包子早点加盟 早点加盟项目