-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
36 lines (36 loc) · 2.14 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="CSS/styles.css" type="text/css" />
<title>Quiz Maker</title>
</head>
<body>
<nav>
<div class="navbuttonhome">
<svg class="navbutton" xmlns="http://www.w3.org/2000/svg" height="48" fill="#ffffff" width="48"><path d="M9.15 40.85v-22.3L24.1 7.4l14.75 11.15v22.3h-10.8v-13.5h-8.1v13.5Zm2.2-2.2h6.45v-13.5h12.4v13.5h6.45v-19l-12.55-9.5-12.75 9.5ZM24 24.4Z"/></svg>
</div>
<div class="navbuttonmake">
<svg class="navbutton" xmlns="http://www.w3.org/2000/svg" height="48" fill="#ffffff" width="48"><path d="M22.9 37.4V25.1H10.65v-2.2H22.9V10.6h2.2v12.3h12.3v2.2H25.1v12.3Z"/></svg>
</div>
</nav>
<main>
<h1>Quiz Maker</h1>
<article><section id="1"><input placeholder=" Question"><textarea placeholder=" correct answer"></textarea></section></article>
<button>
<svg xmlns="http://www.w3.org/2000/svg" height="48" fill="#ffffff" width="48"><path d="M22.9 37.4V25.1H10.65v-2.2H22.9V10.6h2.2v12.3h12.3v2.2H25.1v12.3Z"/></svg>
</button>
</main>
<button class="btnincorner">
<div>
<svg xmlns="http://www.w3.org/2000/svg" height="48" fill="#f7f2fc" width="48"><path xmlns="http://www.w3.org/2000/svg" d="M7.792 36.625q-1.125 0-1.959-.813Q5 35 5 33.875V9.333h2.792v24.542h19.25v2.75Zm5.541-5.542q-1.125 0-1.958-.833t-.833-1.958V6.083q0-1.125.833-1.958t1.958-.833h17.209q1.125 0 1.958.833t.833 1.958v22.209q0 1.125-.833 1.958t-1.958.833Zm0-2.791h17.209V6.083H13.333v22.209Zm0 0V6.083v22.209Z"/></svg>
</div>
Copy
</button>
<div class="blur"></div>
</body>
<script src="app.js"></script>
</html>