epc/index.html at master · casejamesc/epc · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Sidekick</title>
    <link rel="stylesheet" type="text/css" href="css/application.css">
</head>
<body class="index-pg">
    <div class="sticky-wrapper">

        <header class="main-header">
            <div class="center-semi-responsive clearfix">
                <img class="header-logo" src="images/logo-sk-full.png" alt="logo" name="logo"/>
                <img class="header-promo" src="images/header-promo.png" alt="promo" width="482" height="63" />
            </div>
        </header>

        <div class="main center-semi-responsive clearfix">
            <div class="left-panel">
                <div class="login-box clearfix center">
                    <form action="#">
                        <div class="inputs-wrapper">
                          <input class="name custom-form-element default-text" type="text" value="username">
                           <input class="pw password custom-form-element default-text" type="text" value="password">
                        </div>
                        <div class="remember-a-forgot-wrapper clearfix">
                            <label for="remember">Remember Me</label>
                            <input id="remember" type="checkbox">
                            <a class="forgot" href="#">Forgot Password?</a>
                        </div>
                        <div class="wrapper clearfix">
                            <input class="login button lightblue-bg white-border" type="submit" value="Login">
                            <a class="create button lightblue-bg white-border" href="#">Register</a>
                        </div>
                    </form>
                </div>
                <div class="cta-box center clearfix">
                    <h2><img src="images/cta-header.png" alt="cta-header"></h2>
                    <div>
                        <p>Lorem ipsum dolor sit amet, consectetur adi piscing elit. Mauris quis dolor ac ante dapibus rhoncus. Nam ut ligula. Maecenas ut mi varius magna faucibus aliquam. Vestibulum volutpat. Lorem ipsum dolor sit amet, consectetur adi piscing elit. </p>
                        <a class="button lightblue-bg white-border" href="#">Click Me</a>
                    </div>
                </div>
            </div>

            <ul class="main-columns clearfix">
                <li class="specials col">
                    <div class="wrapper center clearfix">
                        <h2>Today's Specials</h2>
                        <p>Phasellus consequat lacus sed nunc elementum, tincidunt gravida leo ultricies. Phasellus nisl nisl, elementum sed dui in, convallis dictum risus. Aliquam erat volutpat. Nunc id justo lectus. Sed non erat purus. Curabitur quis ante ac dui tristique interdum. In elementum lectus ut libero lacinia sollicitudin in a dui. Sed mi massa, malesuada non dolor ac, venenatis blandit libero. Sed vehicula congue sagittis. Aliquam lacus lectus, viverra ut rhoncus et, ullamcorper sodales neque. Pellentesque vehicula tellus risus, at aliquet risus vehicula eu. </p>
                        <a href="#">more info...</a>
                    </div>
                </li>
                <li class="streak"></li>
                <li class="news col">
                    <div class="wrapper center clearfix">
                        <h2>News</h2>
                        <p>Phasellus consequat lacus sed nunc elementum, tincidunt gravida leo ultricies. Phasellus nisl nisl, elementum sed dui in, convallis dictum risus. Aliquam erat volutpat. Nunc id justo lectus. Sed non erat purus. Curabitur quis ante ac dui tristique interdum. In elementum lectus ut libero lacinia sollicitudin in a dui. Sed mi massa, malesuada non dolor ac, venenatis blandit libero. Sed vehicula congue sagittis. Aliquam lacus lectus, viverra ut rhoncus et, ullamcorper sodales neque. Pellentesque vehicula tellus risus, at aliquet risus vehicula eu. </p>
                        <a href="#">more info...</a>
                    </div>
                </li>
                <li class="streak"></li>
                <li class="events col">
                    <div class="wrapper center clearfix">
                        <h2>Events</h2>
                        <p>Phasellus consequat lacus sed nunc elementum, tincidunt gravida leo ultricies. Phasellus nisl nisl, elementum sed dui in, convallis dictum risus. Aliquam erat volutpat. Nunc id justo lectus. Sed non erat purus. Curabitur quis ante ac dui tristique interdum. In elementum lectus ut libero lacinia sollicitudin in a dui. Sed mi massa, malesuada non dolor ac, venenatis blandit libero. Sed vehicula congue sagittis. Aliquam lacus lectus, viverra ut rhoncus et, ullamcorper sodales neque. Pellentesque vehicula tellus risus, at aliquet risus vehicula eu. </p>
                        <a href="#">more info...</a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="push"></div>
    </div>
    <footer class="main-footer">
        <div class="center-semi-responsive">
            <ul class="nav1 h-list-w-sep clearfix">
                <li><a href="#">Advertising Programs</a></li>
                <li><a href="#">Vendor Site</a></li>
                <li><a href="#">Privacy &amp; Terms</a></li>
                <li><a href="#">About us</a></li>
            </ul>
            <ul class="nav2 h-list-w-sep clearfix">
                <li><p>Copyright MindQuest - 2013</li>
                <li><a href="index.html">www.sidekickshowcase.com</a></li>
            </ul>
        </div>
    </footer>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="js/application-ck.js"></script>
</body>
</html>