ivomirs/one-page-pronto

One page website template

Pronto for business

One page website template for business

Table of contents

• General info
• Screenshots
• Technologies
• Features
• Status
• Copyrights
• Contact

General info

Using one-page website is great because it removes the clutter. You can focus only on the essentials and call to action.

Screenshots

screenshot screenshot screenshot screenshot screenshot-mobile screenshot-mobile

Technologies

• HTML5
• CSS3
• Animate.css - version 3.7.0
• JQuery - version 3.3.1

Code Example

    <!-- Features section -->
    <div id="sectionFeatures" class="features-wrapper">
        <div class="features-content">
            <div class="section-header">
                <h1>Features section</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni molestias minus, facilis aut provident consequuntur quaerat incidunt exercitationem? Est ipsum recusandae beatae iste magnam itaque maiores ipsa, eveniet vero rem?</p>
            </div>
            <div class="features">
                <div class="section-item item-1">
                    <div class="image-wrapper"><img src="images/business-feature-one.png" alt=""></div>
                    <h2>Mobile advertising</h2>
                    <p>Consequuntur quaerat incidunt exercitationem? Est ipsum recusandae beatae iste magnam itaque maiores ipsa, eveniet vero rem?</p>
                </div>
                <div class="section-item item-2">
                    <div class="image-wrapper"><img src="images/business-feature-two.png" alt=""></div>
                    <h2>Web Development</h2>
                    <p>Lorem ipsum dolor sit amet consecteturnem? Est ipsum recusandae beatae iste magnam itaque maiores ipsa, eveniet vero rem?</p>
                </div>
                <div class="section-item item-3">
                    <div class="image-wrapper"><img src="images/business-feature-three.png" alt=""></div>
                    <h2>Mobile Applications</h2>
                    <p>Ipsum dolor sit amet consectetur adipisicing elit. Magni molestias minus, facilis aut providm?</p>
                </div>
            </div>
        </div>
    </div>

Features

• Fully responsive
• Smoothly jump-to-section function
• Animations

To-do list:

• Contact form validation
• Cross browser compatibility

Status

Project is: in progress.

Copyrights

All images come from the Creative Common stock of Unsplash.

Contact

Created by [@ivomirs] www.linkedin.com/in/ivomirs - feel free to contact me!