devdesk-UI/demo.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>
    <div class="page">

            <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="pagePadding">

            <section id="header">

                <h1 class="pageTitle">Welcome to DevDesk Queue!</h1>

                <h2 class="pageSubtitle">Student Instructional Page</h2>

                <div class="tableOfContents">
                    <a href="#overview" class="sectionButton">Overview</a>
                    <a href="#register" class="sectionButton">Register With Us</a>
                    <a href="#login" class="sectionButton">Login To Your Account</a>
                    <a href="#createTicket" class="sectionButton">Create A Ticket</a>
                    <a href="#editTicket" class="sectionButton">Edit A Ticket</a>
                </div>

            </section>
            <section id="content">
                <div class="linebreak" id="overview"></div>
                <div class="rowDisplay">
                    <div class="halfWidth halfImgLeft">
                        <img id="noBorder"src="img/logo/lambda Logo new.png"></img>
                    </div>
                    <div class="halfWidth">
                        <div class="halfText">
                            <h3 class="sectionTitle">DevDesk Queue Overview</h3>
                            <p class="sectionText">
                                DevDesk Queue is here to help students succeed at Lambda School.
                                We streamline the process of student questions and staff assistance with our
                                state-of-the-art ticket system.
                                With DevDesk Queue, students can recieve assistance faster than ever with only a few
                                simple steps.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="linebreak" id="register"></div>

                <div class="rowDisplay">
                    <div class="halfWidth">
                        <div class="halfText">
                            <h3 class="sectionTitle">Register With Us</h3>
                            <p class="sectionText">
                                To get started, visit <a href="https://devdeskapp.lambdaschool.me">DevDesk Queue</a>.
                                Once you have been redirected to our site,
                                click or tap on the "Register" button in the top right corner. A form will appear,
                                requiring your name, email, username and password.
                                Once the form has been completed, click or tap on the "Register" button.
                            </p>
                        </div>
                    </div>
                    <div class="halfWidth halfImgRight">
                        <img src="img/demo/register.gif"></img>
                    </div>
                </div>

                <div class="linebreak" id="login"></div>

                <div class="rowDisplay">
                    <div class="halfWidth halfImgLeft">
                        <img src="img/demo/login.gif"></img>
                    </div>
                    <div class="halfWidth">
                        <div class="halfText">
                            <h3 class="sectionTitle">Log In To Your New Account</h3>
                            <p class="sectionText">
                                To log in, visit <a href="https://devdeskapp.lambdaschool.me">DevDesk Queue</a>. Once
                                you have been redirected to our site,
                                click or tap on the "Login" button in the top right corner. A form will appear,
                                requiring your username and password that you chose during registration.
                                Once the form has been completed, click or tap on the "Login" button.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="linebreak" id="createTicket"></div>

                <div class="rowDisplay">
                    <div class="halfWidth">
                        <div class="halfText">
                            <h3 class="sectionTitle">Creating A Ticket</h3>
                            <p class="sectionText">
                                As a student, you can create a ticket. To do this, visit <a
                                    href="https://devdeskapp.lambdaschool.me">DevDesk Queue</a> and log in.
                                Once you have been redirected to your student dashboard page, click or tap on the "Add
                                Ticket" button in the upper-right corner of the page.
                                From here, a form will appear. Fill out the ticket form and click or tap on the "Submit"
                                button to create your new ticket.
                            </p>
                        </div>
                    </div>
                    <div class="halfWidth halfImgRight">
                        <img src="img/demo/create-ticket.gif"></img>
                    </div>
                </div>

                <div class="linebreak" id="editTicket"></div>

                <div class="rowDisplay">
                    <div class="halfWidth halfImgLeft">
                        <img src="img/demo/edit-ticket.gif"></img>
                    </div>
                    <div class="halfWidth">
                        <div class="halfText">
                            <h3 class="sectionTitle">Editing a Ticket</h3>
                            <p class="sectionText">
                                To edit a ticket, visit <a href="https://devdeskapp.lambdaschool.me">DevDesk Queue</a>
                                and log in. Once you have logged in, you will see your student dashboard with a list of
                                all your tickets. Find the ticket you would like to edit, and click or tap on the
                                ticket's "Edit" button. A form will appear with the ticket's data listed. Edit any of
                                the ticket info, and click or tap on the "Submit" button to save your changes.
                            </p>
                        </div>
                    </div>
                </div>

            </section>
        </div>
    </div>
    <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>

</html>