-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (108 loc) · 3.96 KB
/
index.html
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
118 lines (113 sloc) 3.88 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>WebCompact</title>
<link rel="stylesheet" href="style.css" />
<link
href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="container" id="form">
<h3 class="center">WebCompact Bug Report Form</h3>
<div class="buttons">
<button
class="button"
onclick="openPage('bugreport',this,'rgba(64, 64, 64, 1)')"
>
Bug Report
</button>
<div>
<button
class="button"
onclick="openPage('moreinfo',this,'rgba(64, 64, 64, 1)')"
id="buttonopen"
>
More info
</button>
</div>
<div>
<button
class="button"
onclick="openPage('aboutweb',this,'rgba(64, 64, 64, 1)')"
>
About WebCompact
</button>
</div>
</div>
<form action="get" id="thisform">
<div id="bugreport" class="buttoncontent">
<h5 class="url">site Url here(important)</h5>
<input type="url" class="show" />
<h5 class="first">Your bug description</h5>
<input type="radio" class="show" /> Site doesnt open <br />
<input type="radio" /> Design Broken <br />
<input type="radio" /> Site is not usable <br />
<input type="radio" /> Video doesnt play <br />
<input type="radio" /> Something else <br />
<h5> Write the Summary of the problem Describe it in short</h5>
<input type="text" />
<h5>More details of the bug</h5>
<input type="text" name="" id="" />
</div>
<div id="moreinfo" class="buttoncontent">
<!---
Your current Location
<input type="text" name="" id=""> --->
Have you tried in another Site?
<br />
<input type="radio" name="" id="" />Yes
<br />
<input type="radio" name="" id="" />No
<h5>Detail on what happened</h5>
<input type="text" name="" id="" />
<h5>Is your information correct?</h5>
<h5>WebBrowser</h5>
<input type="text" name="" id="" />
<h5>Os type</h5>
<input type="text" />
</div>
<div id="aboutweb" class="buttoncontent">
<h2>About</h2>
<p>
Every single day, developers are building new sites and applications
and creating innovative ways for users to consume content on the
web. People expect websites to work regardless of the device or
browser they are using. Sometimes it can be challenging for website
developers to keep up with the countless ways we’re able to browse
the internet today—computers, phones, tablets, TVs and more.
</p>
<input type="checkbox" name="" id="" /> By checking you agree the
information you provided is genuine and valid will help to solve the
problem you have addressed above.
</div>
<div style="overflow:auto;">
<div style="float:right;">
<button type="button" id="prevBtn" onclick="nextPrev(-1)">
Previous
</button>
<button type="button" id="nextBtn" onclick="nextPrev(1)">Next</button>
</div>
</div>
<!-- Circles which indicates the steps of the form: -->
<div style="text-align:center;margin-top:40px;">
<span class="step"></span>
<span class="step"></span>
<span class="step"></span>
<span class="step"></span>
</div>
</form>
</div>
<script src="./index.js"></script>
</body>
</html>