<!DOCTYPE HTML>

<html lang="en">


    <head>
        <title>Search Preview Results</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="js/jquery-1.11.3.js"></script>
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/futurico/futurico.css">
        <script src="js/icheck.js"></script>
        <script src="js/scripts.js"></script>
    </head>


<body>

    <div class="main-content">

        <a id="nav-click"></a>
        <aside class="sidebar">
        <ul>
            <li><a href=#></a></li>
            <li><a href=#></a></li>
            <li><a href=#></a></li>
            <li><a href=#></a></li>
            <li><a href=#></a></li>
            <li><a href=#></a></li>

        </ul>

    </aside>

        <div class="content">

    <header class="main-header">
    <h2>35 Search Results <span>for "Preview"</span></h2>

    </header>

    <div class="section">
        <div class="input-box">
            <div>
            <input type="text" name="search" id="search" />
                </div>
            <div>
               <span><input type="checkbox" name="iCheck" checked> Todos</span>
             <span><input type="checkbox" name="iCheck" checked> Discussions</span>
             <span><input type="checkbox" name="iCheck" > Files</span>
             <span><input type="checkbox" name="iCheck" > Progress</span>
             <span><input type="checkbox" name="iCheck" > Events</span>
             <span><input type="checkbox" name="iCheck" > Team Members</span>
                </div>

        </div>

        <div class="ul">
        <ul>
            <li>
                <p ><img src="images/date_icon.png" alt="date" /></p>
            <ul class="ul-1">
                <li><p><img src="images/docx.png" alt="docx" /></p></li>
                <li class="text"> <span class="preview"><span class="shaded">preview</span>_timeline_v1.jpg</span> &nbsp; <span class="tag">TAG</span></li>
                <li><span class="comment">Attached to the comment <span class="under-line">timeline_wireframes</span> </span> <span class="author">By <span class="under-line">Bharat</span></span></li>
                <li><a class="download" href=#>DOWNLOAD</a></li>
                <li class="timeline">timeline <span class="white-x">x</span></li>
            </ul>

            </li>

            <li><p><img src="images/date_icon.png" alt="date" /></p>
                <span>
                <ul class="ul-2">
                    <li><p class="image"><img src="images/preview_timeline.jpg" alt="preview_timeline"/></p></li>
                     <li class="text"> <span class="preview"><span class="shaded">preview</span>_timeline_v1.jpg </span>   &nbsp; <span class="tag"> TAG</span></li>
                    <li><span class="author">By <span class="under-line" id="bharat-1">Bharat</span></span></li>
                    <li><a class="download" href=#>DOWNLOAD</a></li>

                </ul>

                    <ul class="ul-2">
                   <li><p class="image"><img src="images/preview_timeline.jpg" alt="preview_timeline"/></p></li>
                     <li class="text"> <span class="preview"><span class="shaded">preview</span>_timeline_v1.jpg </span> &nbsp; <span class="tag"> TAG</span></li>
                    <li><span class="author">By <span class="under-line" id="bharat-2">Bharat</span></span></li>
                    <li><a class="download" href=#>DOWNLOAD</a></li>

                </ul>
            </span>

            </li>

            <li><p><img src="images/date_icon.png" alt="date" /></p>
            <ul class="ul-3">
                <li><p><img src="images/xlsx.jpg" alt="docx" /></p></li>
                  <li class="text"> <span class="preview"><span class="shaded">preview</span>_timeline_v1.jpg </span>   &nbsp; <span class="tag"> TAG</span></li>
                <li><span class="comment">Attached to the comment <span class="under-line">timeline_wireframes</span></span> <span class="author">By <span class="under-line">Bharat</span></span></li>
                <li> <a class="download">DOWNLOAD</a></li>

                </ul>
            </li>

            <li>
            <p><img src="images/date_convo.jpg" alt="date" /></p>
                <ul class="ul-4">
                    <li><p><img src="images/ashish.png" alt="docx" /></p></li>
                <li class="text"><span class="preview">Discussion name will go here</span></li>
                <li><span class="comment">I like the clean look of the UI, but one of the issues I have is that it seems to encourage a <span class="shaded">context shift for the user</span> frequently For eg. Tasks and scheduler are closely tied together</span></li>
                    <li><span class="author">under <span class="under-line">Sharing of final Proposal</span></span></li>
                </ul>
            </li>

            <li><p><img src="images/date_lamp.jpg" alt="date" /></p>
                <ul class="ul-5">
                <li><span class="comment">praesent ornare, mauris volutpat <span class="shaded">ornare imperdiet, eque</span> tortor condimentum urna, et laoreet nequee mauris in urna.</span></li>
                <li class="author"> Bharat &nbsp;&nbsp; 4 comments</li>
                 <li><span class="comment line-through">praesent ornare, mauris volutpat ornare imperdiet, eque tortor condimentum urna, et laoreet nequee mauris in urna.</span></li>
                <li class="author"> Bharat &nbsp;&nbsp; 4 comments</li>
                </ul>

            </li>
            <li id="button-li"><button class="more">SHOW MORE</button></li>
        </ul>

        </div>

    </div>

    </div>
    </div>
</body>
</html>
