HTML Structure

The template is based on bootstrap 4 library, please read more about bootstrap here: https://getbootstrap.com/docs/4.1/getting-started/introduction/ To edit the template, a very basic knowledge in dealing with bootstrap is required.

The Html file can be edited in any text editor, best example is Adobe Dreamweaver.

CSS

The available CSS files in the template is "bootstrap.min.css", used for layout — originally in bootstrap, the second one is "fontawesome-all.min.css" font awesome 5, it is icons font, "iosoon-style.css" the main style file for the pages, and the others are the themes.

JavaScript

This template imports four Javascript files.

• "jquery.min.js": jQuery is a Javascript library that greatly reduces the amount of code that you must write.
• "bootstrap.min.js": Bootstrap is the most popular Javascript framework for developing responsive, mobile first projects on the web.
• "popper.min.js": A library used to position poppers in web applications. A popper is an element on the screen which "pops out" from the natural flow of your application. Common examples of poppers are tooltips, popovers, and drop-downs.
• "paper-full.min.js": Is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas.
• "animation1.js", "animation2.js", "animation3.js", "animation4.js", "animation5.js", "animation6.js", "animation7.js", "animation8.js": Background animations.
• "main.js": Our custom javascript code.

Logo

To change the logo simply replace "logo-dark.svg", "logo-dark2.svg", "logo-dark3.svg", "logo-light.svg, "logo-light2.svg" files.

Content

You can use bootstrap forms from this page https://getbootstrap.com/docs/4.1/components/forms/ or use simple form as follow:

<form class="form-row">
    <div class="col-md-8">
        <input type="text" class="form-control" placeholder="E-mail Address">
    </div>
    <div class="col-md-4">
        <button type="submit" class="btn btn-primary">Notify me</button>
    </div>
</form>

Style Modifying

To change the text and background colors you have to edit the theme css file, for example "iosoon-theme1.css", to change the body background color, modify the following css code:

.form-body {
    background-color: #007AFF;
}
.form-content {
    background-color: #007AFF;
}

Important Files

If you deside to use the soon 1 you must copy the following files to your website:

    - css/bootstrap.min.css
    - css/fontawesome-all.min.css
    - css/iosoon-style.css
    - css/iosoon-theme1.css

    - images folder

    - js folder
    - webfonts folder

    - soon1.html
            

Or simply copy the css folder, the images folder, the js folder and the webfonts folder. That will make all the themes available.

---

Once again, thank you so much for purchasing this template. We'd be glad to help you if you have any questions relating to this template. No guarantees, but We'll do our best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.