Crossroads Feature List

by sammy

HTML

<h2>Theme Description</h2>
<p>
    Crossroads is a one of kind church platform. With extensive power and flexibility, Crossroads makes customization a breeze. It is simple to use and has a beautiful design.
</p>
<p>
    Built specifically for churches as a platform. Crossroads has features to display upcoming services, contact info, social network integration, operation times, and more. All these tools will help you bring your service and information swiftly to anyone who visits or site!
</p>

<h2>Key template features</h2>

<ul>
    <li>Validated HTML5</li>
    <li>Cross-Browser Compatible</li>
    <li>Blog Page Template</li>
    <li>Full-Width Page Template</li>
    <li>Multi-Page Posts and Pages</li>
</ul>
<h3>Frontpage</h3>
<ul>
    <li>Amazing Image Banner Slider<br/>
        - jQuery powered with animation<br/>
        - Display nearly an infinite amount of slides<br/>
        - Choose to display in full width or with a Banner Sidebar.
    </li>
    <li>Option Banner Sidebar</li>
    <li>Six Customizable Image Promotions</li>
</ul>
<h3>Contact Page</h3>
<ul>
    <li>Integrated Contact Form</li>
    <li>Displayed Contact Information</li>
    <li>Embedded Google Maps Option</li>
</ul>

<h2>Crossroads Admin Features</h2>

<h3>Image Upload System</h3>
<p>
    Crossroads comes with a custom designed image upload handling system. Uploading new images is fast and simple. Once images are added to the system, you can re-use it for multiple parts of your theme. With this upload system you can swiftly add or remove images to your theme with ease.
</p>
<h3>ArisTech Panel</h3>
<ul>
    <li>General Options<br/>
        - Favicon.<br/>
        - Google Analytics support.
    </li>
    <li>Header Options<br/>
        - Support for Maps & Directions link to Google Maps.<br/>
        - Customizable Logo.<br/>
        - Ability to disable logo image or text.<br/>
        - Change text for the home link in the site navigation bar.<br/>
        - Option to remove home link in...

CSS

* {
    font-family: 'MgOpen Modata', Helvetica, Geneva;
    font-size: 13px;
    color: #444;
}
body {
    background-color: #D2D1D0;
    padding: 30px 15px 60px;
}

h2 {
    color: #605D57;
    font-size: 18px;
    font-weight: normal;
    margin: 20px 0px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 6px;
    position: relative;
}
h2::before {
    border-bottom: 1px solid #bfbdbe;
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 0px;
    content: '';
}
h3 {
    color: #191919;
    font-size: 15px;
    padding: 10px 0px 20px 1px;
    text-transform: uppercase;
}
ul {
    list-style: square;
    padding: 0px;
    margin: 6px 0px 6px 20px;
}
li {
    padding-left: 8px;
    margin-bottom: 2px;
}
p {
    padding: 10px 0px;
}

a {
    text-decoration: none;
    color: #06c;
}
a:hover {
    text-decoration: underline;
}