gistfile1.html

<div class="front_page">
<div id="wrapper">
    <div class = "frontpage_header">
    <div id="header">
        <a class="logo" href="#">PHYSALIFE</a>
        <div class="slogan">
            Your physical therapy.<br />
            Anywhere.<br />
            Anytime.
        </div>
      <%= link_to "Sign In", sign_in_path, class: "sign-link", :data => {:toggle => "modal", :target => "#myModal" } %>

      <%= link_to "Start your free trial", new_patient_registration_path, class: "start-link", :data => {:toggle => "modal", :target => "#myModal" } %>

        <div class="img-holder"><%= image_tag "img-1.jpg", size: "1104x333" %></div>
    </div>
    </div>
    <div id="content">
        <div class="column-holder">
            <div class="column column1">
                <h2>Patients</h2>
                <ul>
                    <li class="item1">
                        <h3>Video Instruction</h3>
                        <p>No more paper handouts! Every exercise is explained step-by-step in videos or pictures.</p>
                    </li>
                    <li class="item2">
                        <h3>Progress Tracking</h3>
                        <p>Stay motivated and focused by charting your exercise history.</p>
                    </li>
                    <li class="item3">
                        <h3>Organizational Tools</h3>
                        <p>Import your PT program into your calendar so you never miss a workout.</p>
                    </li>
                    <li class="item4">
                        <h3>Access Your PT</h3>
                        <p>Receive notifications from your PT, ask questions real-time, and review your PT's exercise tips</p>
                    </li>
                </ul>
            </div>
            <div class="column column2">
                <h2>Physical Therapists</h2>
                <ul>
                    <li class="item1">
                        <h3>No More Handouts</h3>
                        <p>Reduce paperwork and save time by managing your clients and their exercise programs online</p>
                    </li>
                    <li class="item2">
                        <h3>Access 24/7</h3>
                        <p>Make safe and secure updates from anywhere, at any time, on our mobile platform.</p>
                    </li>
                    <li class="item3">
                        <h3>Increased Exposure</h3>
                        <p>Market your practice to new clients at no cost</p>
                    </li>
                </ul>
            </div>
            <div class="column column3">
                <h2>Doctors</h2>
                <ul>
                    <li class="item1">
                        <h3>Increased compliance</h3>
                        <p>Improve surgical success rates and reduce follow up procedures as patients better comply with their rehab</p>
                    </li>
                    <li class="item2">
                        <h3>Reduced Patient Inquiries</h3>
                        <p>Save time by conducting pre-op patient education through PhysaLife</p>
                    </li>
                    <li class="item3">
                        <h3>Seamless Transition</h3>
                        <p>Ensure patients are moved smoothly into PT right after surgery</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="footer">
        <ul>
            <li><a href="#">Physalife</a></li>
            <li><a href="#">Company Infromation</a></li>
        </ul>
        <ul class="list-right">
            <li><a href="#">Site Map</a></li>
            <li><a href="/therapists/sign_in">Member Login</a></li>
        </ul>
        <ul class="social">
            <li><a href="#"><%= image_tag "fb-ico.gif", :size => "24x24" %></a></li>
            <li><a href="#"><%= image_tag "tw-ico.gif", :size => "24x24" %></a></li>
            <li><a href="#"><%= image_tag "yt-ico.gif", :size => "24x24" %></a></li>
        </ul>
    </div>
</div>
</div>