devdesk-UI/index.html at master · DevDeskQueue-Lambda/devdesk-UI · 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Lambda DevDeskQ</title>
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
        <link rel="icon" href="/img/favicon.ico" type="image/x-icon">
        <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
        <link href="css/index.css" rel="stylesheet">
    </head>

    <body>
        <header class="navbar">
            <img src="./img/logo/lambda Logo new.png" alt="logo">
            <nav class="links">
                <a href="/index.html">Home</a>
                <a href="/demo.html">Features</a>
                <a href="/about.html">About Us</a>
                <a href="https://devdeskapp.lambdaschool.me">Log In</a>
                <a href="https://devdeskapp.lambdaschool.me/register">Sign Up</a>
            </nav>
        </header>
        <div class="hero page pagePadding">
            <div class="heroImg">
                <img src="/img/hero/cropped_hero_frustrated.jpeg" alt="Frustrated Developer">
            </div>
                <div class="heroCopy">
                    <h1>Does your help desk<br><span style="color:#BB1333">need help?</span></h1>
                    <p>Say hello to <span class="" style="color:#BB1333">DevDeskQ</span></p>
                    <a href="https://devdeskapp.lambdaschool.me/register">Sign Up Today</a>
                </div>

        </div>
        <div class="intro-container page pagePadding">
                <h2>
                    DevDeskQ solves problems for every type of user.
                </h2>
                <p> Whether you're a student, a staff member, or an administrator, DevDeskQ provides functionality that will make your life easier.</p>
            </div>
        <div class="user-roles-container page pagePadding">
            <div class="forStudents">
                <div class="vector-container">
                    <img src="/img/vector/student.jpg" alt="Student Vector Image">
                </div>
                <h3>
                    For Students
                </h3>
                <a href="#studentFeatures">Learn More</a><!--link to student demo-->
            </div>
            <div class="forStaff">
                    <div class="vector-container">
                        <img src="/img/vector/staff.jpg" alt="Staff Vector Image">
                    </div>
                    <h3>
                        For Staff
                    </h3>
                    <a href="#staffFeatures">Learn More</a><!--link to staff/admin demo-->
                </div>
            <div class="forManagers">
                <div class="vector-container">
                    <img src="/img/vector/admin.jpg" alt="">
                </div>
                <h3>
                    For Admins
                </h3>
                <a href="#adminFeatures">Learn More</a><!--link to admin demo-->
            </div>
        </div>

    <!--student features section-->
    <section class="features-container page students" id="studentFeatures">
        <div class="features-col-1">
            <h2>Students</h2>
            <p>Creating and tracking your issue tickets has never been easier.</p>
            <a href="/demo.html">See The Demo</a>
        </div>
        <div class="features-col-2">
                <div class="feature-box">
                    <img src="/img/icons/feature_icons/icon-dashboard.png" alt="">
                    <h3>Dashboard</h3>
                    <p>Creating an account gives you access to your own student dashboard, where you can view and manage your submitted issues.</p>
                </div>
                <div class="feature-box">
                    <img src="/img/icons/feature_icons/icons8-check-document-50.png" alt="">
                    <h3>Create and edit tickets</h3>
                    <p>DevDeskQ allows you to create, edit, delete your issue tickets.</p>
                </div>
            </div>
    </section>

    <!--staff features section-->
    <section class="features-container page staff" id="staffFeatures">
            <div class="features-col-1">
                <h2>Staff</h2>
                <p>Spend your time answering questions, not managing your queue.</p>
                <a href="/demo.html">See The Demo</a>
            </div>
            <div class="features-col-2">
                    <div class="feature-box">
                        <img src="/img/icons/feature_icons/icons8-document-50.png" alt="">
                        <h3>View and modify student tickets</h3>
                        <p>Staff members can view, create, edit, and delete any student ticket.</p>
                    </div>
                    <div class="feature-box">
                        <img src="/img/icons/feature_icons/icons8-open-document-50.png" alt="">
                        <h3>Claim, resolve, or return assigned tickets.</h3>
                        <p>See a clear view of tickets that have been assigned to you. Resolve student tickets and remove them from the queue, or return challenging tickets to the queue.</p>
                    </div>
                    <div class="feature-box">
                        <img src="/img/icons/feature_icons/icons8-comments-48.png" alt="">
                        <h3>Add comments to tickets</h3>
                        <p>Staff can now directly add comments to a students ticket to provide an answer or ask for more clarity.</p>
                    </div>
                </div>
        </section>

        <!--admin features section-->
    <section class="features-container page admin" id="adminFeatures">
            <div class="features-col-1">
                <h2>Administrators</h2>
                <p>Experience complete control over your user base.</p>
                <a href="/demo.html">See The Demo</a>
            </div>
            <div class="features-col-2">
                    <div class="feature-box">
                        <img src="/img/icons/feature_icons/icons8-database-administrator-50.png" alt="">
                        <h3>View, create, edit, or delete users</h3>
                        <p>Administrators can now view, create, edit, and delete admin, staff, and student user types.</p>
                    </div>
                    <div class="feature-box">
                        <img src="/img/icons/feature_icons/icons8-document-exchange-50.png" alt="">
                        <h3>Control the queue<br></h3>
                        <p>Administrators have full power to assign tickets to staff, providing a layer of control and structure.</p>
                    </div>
                </div>
        </section>
    <section class="final-cta-container page pagePadding">
        <h2>
            Ready to get started?
        </h2>
        <p> Signing up for <span class="" style="color:#BB1333">DevDeskQ</span> is free and easy.</p>
        <a href="https://devdeskapp.lambdaschool.me/register">Sign Up Today</a>
    </section>


    <section class="footer">
            <div id="links">
                <a href="/index.html">HOME</a>
                <a href="https://devdeskapp.lambdaschool.me/">LOGIN</a>
                <a href="https://devdeskapp.lambdaschool.me/register">SIGN UP</a>
                <a href="/about.html">OUR TEAM</a>
                <a href="https://lambdaschool.com/faq">FAQ</a>
                <a href="https://lambdaschool.com/about">LEGAL</a>
                <a href="https://lambdaschool.com/privacy-policy">PRIVACY</a>
            </div>
            <div id="copyright">
                <p>Copyright © 2019 DevDesk Queue<br>Vector Art by <a target="_blank" href="https://www.vecteezy.com">vecteezy.com</a></p>
            </div>
            <div id="icons">
                <img href="https://github.com/LambdaSchool" src="img/icons/github-icon.png">
                <img href="https://twitter.com/LambdaSchool" src="img/icons/twitter-icon.png">
                <img href="https://www.linkedin.com/school/lambdaschool/" src="img/icons/linkedin-icon.png">
            </div>
        </section>


    </body>
    <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.9.0/less.min.js" ></script>
</html>