You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next » 

<section class="widget">
    <span class="icon-ico-address"></span>
    <address>
        <strong class="title">Address</strong>
        <p>1234 Main St.<br> Bldg 5t678<br> Cityville, FL 12345</p>
        <a href="#" class="link">Get Directions</a>
    </address>
</section>
<section class="widget">
    <span class="icon-ico-mobile"></span>
    <div class="text">
        <h3>Phone</h3>
        <a href="tel:8888888888" class="link tel">(888) 888-8888</a>
    </div>
</section>
<section class="widget">
    <span class="icon-ico-hours"></span>
    <div class="text">
        <h3>Hours</h3>
        <time datetime="2014-05-05">Monday - Friday: 6am -6pm</time>
    </div>
</section>
<section class="widget">
    <span class="icon-ico-mail"></span>
    <div class="text">
        <h3>Email</h3>
        <a href="mailto:&#101;&#109;&#097;&#105;&#108;&#097;&#100;&#100;&#114;&#101;&#115;&#115;&#064;&#108;&#111;&#099;&#097;&#116;&#105;&#111;&#110;&#046;&#099;&#111;&#109;" class="link email">&#101;&#109;&#097;&#105;&#108;&#097;&#100;&#100;&#114;&#101;&#115;&#115;&#064;&#108;&#111;&#099;&#097;&#116;&#105;&#111;&#110;&#046;&#099;&#111;&#109;</a>
    </div>
</section>
<section class="widget">
    <span class="icon-ico-feedback1"></span>
    <div class="text">
        <h3>Feedback</h3>
        <a href="mailto:&#101;&#109;&#097;&#105;&#108;&#097;&#100;&#100;&#114;&#101;&#115;&#115;&#064;&#108;&#111;&#099;&#097;&#116;&#105;&#111;&#110;&#046;&#099;&#111;&#109;" class="link email">&#101;&#109;&#097;&#105;&#108;&#097;&#100;&#100;&#114;&#101;&#115;&#115;&#064;&#108;&#111;&#099;&#097;&#116;&#105;&#111;&#110;&#046;&#099;&#111;&#109;</a>
    </div>
</section>
<section class="widget">
    <span class="icon-ico-ticket"></span>
    <div class="text">
        <h3>Ticket Prices</h3>
        <span class="rate"><strong>Adult</strong>: $5.00</span>
        <span class="rate"><strong>Active</strong> Duty: $5.00</span>
        <span class="rate"><strong>Child</strong>: $5.00</span>
    </div>
</section>
<section class="widget">
    <span class="icon-ico-calender"></span>
    <div class="text">
        <h3>Calendar</h3>
        <time datetime="2014-05-05">Monday - November 12,2014 </time>
    </div>
</section>
<section class="widget">
    <span class="icon-ico-features"></span>
    <div class="text feature">
        <h3>Features</h3>
        <ul class="feature-points">
            <li><a href="#">This is a feature</a></li>
            <li><a href="#">This is a feature</a></li>
            <li><a href="#">This is a feature</a></li>
            <li><a href="#">This is a feature</a></li>
            <li><a href="#">This is a feature</a></li>
        </ul>
    </div>
</section>
<section class="widget">
    <span class="icon-ico-tips"></span>
    <div class="text">
        <h3>Trips</h3>
        <a href="#" class="link">Trips Info</a>
    </div>
</section>
<section class="widget">
    <span class="icon-ico-services"></span>
    <div class="text">
        <h3>Services</h3>
        <ul class="feature-points">
            <li><a href="#">This is a feature</a></li>
            <li><a href="#">This is a feature</a></li>
            <li><a href="#">This is a feature</a></li>
            <li><a href="#">This is a feature</a></li>
            <li><a href="#">This is a feature</a></li>
        </ul>
    </div>
</section>
<section class="widget">
    <span class="icon-ico-classes"></span>
    <div class="text">
        <h3>Classes</h3>
        <time datetime="2014-05-05">Monday - Friday: 6am -6pm </time>
    </div>
</section>
<section class="widget">
    <span class="icon-ico-payments"></span>
    <div class="text">
        <h3>Payments Accepted</h3>
        <ul class="feature-points">
            <li><a href="#">Cash</a></li>
            <li><a href="#"> Visa </a></li>
            <li><a href="#">Mastercard</a></li>
        </ul>
    </div>
</section>
<section class="widget">
    <span class="icon-ico-download"></span>
    <div class="text">
        <h3>Download</h3>
        <a href="#" class="link">Download Now</a>
    </div>
</section>
<section class="widget">
    <span class="icon-ico-picture"></span>
    <div class="text">
        <h3>Picture</h3>
        <span class="link-area"><a href="#" class="link">Gallery 1</a></span>
        <span class="link-area"><a href="#" class="link">Gallery 2</a></span>
        <span class="link-area"><a href="#" class="link">Gallery 3</a></span>
    </div>
</section>
<section class="widget">
    <span class="icon-ico-website"></span>
    <div class="text">
        <h3>Website</h3>
        <a href="#" class="link">Visit Website</a>
    </div>
</section>
<section class="widget">
    <span class="icon-ico-responsive"></span>
    <div class="text">
        <h3>Reservations</h3>
        <strong class="contact-link">Phone: <a href="tel:18773289233" class="tel">1-877-328-9233</a></strong>
        <strong class="contact-link">Info:  <a href="#" class="web">www.website.com</a></strong>
    </div>
</section>