-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (153 loc) · 10.9 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- content -->
<div class="loyoat">
<aside>
<h1 class="Peaksoft">Peaksoft</h1>
<nav class="navbar">
<ul> <a class="a" href="./index.html" > Мy courses</a>
<a class="a" href="./announcment.html"> Announsements</a>
<a class="a" href="./trash.html">Trash</a>
<a class="a" href="./schedule.html">Schedule</a>
</ul>
</nav>
</aside>
<!-- main -->
<main>
<header class="header_profle">
<div class="header_teacher">
<span class="header_icon">
<svg width="30px" height="30px" viewBox="-2 -2 24 24" xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="xMinYMin" class="jam jam-world" cursor="pointer">
<path
d="M2.252 8A8.014 8.014 0 0 0 2 10c0 .69.088 1.36.252 2H5.1a19.83 19.83 0 0 1 0-4H2.252zm.818-2h2.346c.266-1.217.65-2.307 1.121-3.214A8.035 8.035 0 0 0 3.07 6zm14.678 2H14.9a19.83 19.83 0 0 1 0 4h2.848c.164-.64.252-1.31.252-2s-.088-1.36-.252-2zm-.818-2a8.035 8.035 0 0 0-3.467-3.214c.472.907.855 1.997 1.121 3.214h2.346zM7.112 8A17.763 17.763 0 0 0 7 10c0 .685.038 1.355.112 2h5.776a17.763 17.763 0 0 0 0-4H7.112zm.358-2h5.06a10.758 10.758 0 0 0-.783-2.177C11.119 2.568 10.447 2 10 2c-.448 0-1.119.568-1.747 1.823-.315.632-.58 1.367-.783 2.177zm-4.4 8a8.035 8.035 0 0 0 3.467 3.214c-.472-.907-.855-1.997-1.121-3.214H3.07zm13.86 0h-2.346c-.266 1.217-.65 2.307-1.121 3.214A8.035 8.035 0 0 0 16.93 14zm-9.46 0c.203.81.468 1.545.783 2.177C8.881 17.432 9.553 18 10 18c.448 0 1.119-.568 1.747-1.823.315-.632.58-1.367.783-2.177H7.47zM10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10z">
</path>
</svg>
</span>
<span class="icon">
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"
cursor="pointer">
<path
d="M23.8332 20.6667C23.8332 21.219 23.3855 21.6667 22.8332 21.6667H3.1665C2.61422 21.6667 2.1665 21.219 2.1665 20.6667V20.5C2.1665 19.9477 2.61422 19.5 3.1665 19.5H3.24984V11.9503C3.24984 6.5466 7.61567 2.16669 12.9998 2.16669C18.384 2.16669 22.7498 6.5466 22.7498 11.9503V19.5H22.8332C23.3855 19.5 23.8332 19.9477 23.8332 20.5V20.6667ZM5.4165 19.5H20.5832V11.9503C20.5832 7.74369 17.188 4.33335 12.9998 4.33335C8.81167 4.33335 5.4165 7.74369 5.4165 11.9503V19.5ZM10.2915 22.75H15.7082C15.7082 23.4683 15.4228 24.1572 14.9149 24.6651C14.407 25.173 13.7181 25.4584 12.9998 25.4584C12.2815 25.4584 11.5927 25.173 11.0848 24.6651C10.5768 24.1572 10.2915 23.4683 10.2915 22.75Z"
fill="#020202"></path>
</svg>
</span>
<span class="icon">
<span class="sc-jcMfQk iXqYum"><svg width="30" height="30" viewBox="0 0 30 30" fill="none"
xmlns="https://ru.legacy.reactjs.org/logo-og.png">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M23.2432 27.534C27.3137 24.8515 30 20.2395 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 20.2395 2.68634 24.8515 6.75684 27.534C7.18832 26.3221 7.88583 25.2085 8.81282 24.2816C10.4538 22.6406 12.6794 21.7188 15 21.7188C17.3206 21.7188 19.5462 22.6406 21.1872 24.2816C22.1142 25.2085 22.8117 26.3221 23.2432 27.534ZM8.4375 14.0625C8.4375 17.6883 11.3742 20.625 15 20.625C18.6258 20.625 21.5625 17.6883 21.5625 14.0625C21.5625 10.4367 18.6258 7.5 15 7.5C11.3742 7.5 8.4375 10.4367 8.4375 14.0625Z"
fill="currentColor"></path>
<circle cx="15" cy="15" r="14.75" stroke="#595656" stroke-width="0.5"></circle>
</svg>
<p class="sc-iAEawV lkkOGk"></p>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1.64645 4.64645C1.84171 4.45118 2.15829 4.45118 2.35355 4.64645L8 10.2929L13.6464 4.64645C13.8417 4.45118 14.1583 4.45118 14.3536 4.64645C14.5488 4.84171 14.5488 5.15829 14.3536 5.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L1.64645 5.35355C1.45118 5.15829 1.45118 4.84171 1.64645 4.64645Z"
fill="currentColor" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
stroke-linejoin="round"></path></svg>
</span>
</span>
<select>
<option>Teacher</option>
<option>Student</option>
<option>Go Out</option>
</select>
</div>
</header>
<hr>
<div class="content">
<!-- cards -->
<div class="cards">
<h1>Courses</h1>
<div class="card">
<!-- card 1 -->
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png"
alt="react">
<div class="title">
<h2>JS-11</h2>
<H6>2023-07-03</H6>
</div>
<h6>HTML, CSS and JS</h6>
<div class="button">
<span><svg width="20" height="6" viewBox="0 0 20 6" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M2.5 5.25C1.25736 5.25 0.25 4.24264 0.25 3C0.25 1.75736 1.25736 0.75 2.5 0.75C3.74264 0.75 4.75 1.75736 4.75 3C4.75 4.24264 3.74264 5.25 2.5 5.25ZM10 5.25C8.75736 5.25 7.75 4.24264 7.75 3C7.75 1.75736 8.75736 0.75 10 0.75C11.2426 0.75 12.25 1.75736 12.25 3C12.25 4.24264 11.2426 5.25 10 5.25ZM17.5 5.25C16.2574 5.25 15.25 4.24264 15.25 3C15.25 1.75736 16.2574 0.75 17.5 0.75C18.7426 0.75 19.75 1.75736 19.75 3C19.75 4.24264 18.7426 5.25 17.5 5.25Z"
fill="#343A40"></path>
</svg>
</span>
</div>
</div>
<div class="card ">
<!-- card_2 -->
<img src="https://miro.medium.com/v2/resize:fit:800/1*bthRXJ_FBspSEijOWIRM2A.png">
<div class="title">
<h2>JavaScri...</h2>
<h6>2023-04-03</h6>
</div>
<h6>JavaScript is the programming <br>language of the Web.
</h6>
<div class="button">
<span><svg width="20" height="6" viewBox="0 0 20 6" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M2.5 5.25C1.25736 5.25 0.25 4.24264 0.25 3C0.25 1.75736 1.25736 0.75 2.5 0.75C3.74264 0.75 4.75 1.75736 4.75 3C4.75 4.24264 3.74264 5.25 2.5 5.25ZM10 5.25C8.75736 5.25 7.75 4.24264 7.75 3C7.75 1.75736 8.75736 0.75 10 0.75C11.2426 0.75 12.25 1.75736 12.25 3C12.25 4.24264 11.2426 5.25 10 5.25ZM17.5 5.25C16.2574 5.25 15.25 4.24264 15.25 3C15.25 1.75736 16.2574 0.75 17.5 0.75C18.7426 0.75 19.75 1.75736 19.75 3C19.75 4.24264 18.7426 5.25 17.5 5.25Z"
fill="#343A40"></path>
</svg>
</span>
</div>
</div>
<div class="card">
<!-- card 3 -->
<img src="https://www.bairesdev.com/wp-content/uploads/2022/06/Picture6-1.svg"
alt="react">
<div class="title">
<h2>React JS-9</h2>
<h6>2023-07-03</h6>
</div>
<h6>React is a JavaScript-based Ul development library.</h6>
<div class="button">
<span><svg width="20" height="6" viewBox="0 0 20 6" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M2.5 5.25C1.25736 5.25 0.25 4.24264 0.25 3C0.25 1.75736 1.25736 0.75 2.5 0.75C3.74264 0.75 4.75 1.75736 4.75 3C4.75 4.24264 3.74264 5.25 2.5 5.25ZM10 5.25C8.75736 5.25 7.75 4.24264 7.75 3C7.75 1.75736 8.75736 0.75 10 0.75C11.2426 0.75 12.25 1.75736 12.25 3C12.25 4.24264 11.2426 5.25 10 5.25ZM17.5 5.25C16.2574 5.25 15.25 4.24264 15.25 3C15.25 1.75736 16.2574 0.75 17.5 0.75C18.7426 0.75 19.75 1.75736 19.75 3C19.75 4.24264 18.7426 5.25 17.5 5.25Z"
fill="#343A40"></path>
</svg>
</span>
</div>
</div>
<div class="card">
<!-- card 4 -->
<img src="https://ru.legacy.reactjs.org/logo-og.png"
alt="react">
<div class="title">
<h2>Reack JS-8 </h2>
<h6>2023-01-02</h6>
</div>
<h6>A JavaScript library for building user interfaces </h6>
<div class="button">
<span><svg width="20" height="6" viewBox="0 0 20 6" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M2.5 5.25C1.25736 5.25 0.25 4.24264 0.25 3C0.25 1.75736 1.25736 0.75 2.5 0.75C3.74264 0.75 4.75 1.75736 4.75 3C4.75 4.24264 3.74264 5.25 2.5 5.25ZM10 5.25C8.75736 5.25 7.75 4.24264 7.75 3C7.75 1.75736 8.75736 0.75 10 0.75C11.2426 0.75 12.25 1.75736 12.25 3C12.25 4.24264 11.2426 5.25 10 5.25ZM17.5 5.25C16.2574 5.25 15.25 4.24264 15.25 3C15.25 1.75736 16.2574 0.75 17.5 0.75C18.7426 0.75 19.75 1.75736 19.75 3C19.75 4.24264 18.7426 5.25 17.5 5.25Z"
fill="#343A40"></path>
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</body>
</html>