-
Notifications
You must be signed in to change notification settings - Fork 0
/
adminMainPage.html
168 lines (168 loc) · 11.9 KB
/
adminMainPage.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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>admin c1</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="adaptive.css">
</head>
<body>
<div class="adminMainContainer">
<header class="adminHeaderContainer">
<div class="retirnBackContainer">
<a class="btn btnGray wfit">Назад</a>
</div>
<div class="logoContainer">
<a href="#"><img src="img/Logo.svg" alt="Product Transfer"></a>
</div>
</header>
<div class="adminMainInfoContainer">
<div class="accountInfo">
<h2>Обліковий запис</h2>
<p>Посилання на навчальні відео та статі.......</p>
</div>
<div class="userDomainInfo">
<div class="userInfoContainer">
<div class="userInfoDiv">
<div class="icoHeadAdmin">
<img src="img/adminUser.svg" alt="user">
<h2>Користувач</h2>
</div>
<div class="lineGray"></div>
<div class="userInfo">
<span><img src="img/miniSquare.svg" alt="s"> Id: <span class="userInfoText">8294</span></span>
<span><img src="img/miniSquare.svg" alt="s"> Ім’я: <span class="userInfoText">Олександр Клименко</span></span>
<span><img src="img/miniSquare.svg" alt="s"> Email: <span class="userInfoText">olexander.username@gmail.com</span></span>
</div>
<div class="inputContainer">
<span class="label">Виберіть версію OpenCart</span>
<div class="rowSelectBtnContainer">
<div class="custom-select">
<select name="" id="">
<option value="0">OpenCart 3.0.3.7</option>
<option value="1">OpenCart 3.0.3.8</option>
<option value="2">OpenCart 3.0.2.1</option>
</select>
</div>
<button class="btn blueBtn">
Завантажити
<svg class="svg-icon" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_269_1447)">
<path d="M7.58614 13.0813C7.77187 13.2672 7.9924 13.4146 8.23514 13.5152C8.47787 13.6158 8.73805 13.6676 9.0008 13.6676C9.26355 13.6676 9.52373 13.6158 9.76646 13.5152C10.0092 13.4146 10.2297 13.2672 10.4155 13.0813L12.5561 10.9407C12.6709 10.8137 12.7325 10.6475 12.7281 10.4764C12.7237 10.3054 12.6537 10.1425 12.5325 10.0216C12.4114 9.90077 12.2484 9.8311 12.0773 9.82707C11.9062 9.82304 11.7402 9.88496 11.6135 10L9.6628 11.9513L9.66747 1.66667C9.66747 1.48986 9.59723 1.32029 9.47221 1.19526C9.34718 1.07024 9.17761 1 9.0008 1C8.82399 1 8.65442 1.07024 8.5294 1.19526C8.40437 1.32029 8.33413 1.48986 8.33413 1.66667L8.32814 11.9387L6.38814 10C6.26304 9.87499 6.09341 9.8048 5.91657 9.80486C5.73972 9.80493 5.57014 9.87524 5.44514 10.0003C5.32013 10.1254 5.24994 10.2951 5.25 10.4719C5.25006 10.6487 5.32037 10.8183 5.44547 10.9433L7.58614 13.0813Z" fill="#4282FF"/>
<path d="M16.3333 11.6667C16.1565 11.6667 15.987 11.7369 15.8619 11.8619C15.7369 11.9869 15.6667 12.1565 15.6667 12.3333V15C15.6667 15.1768 15.5964 15.3464 15.4714 15.4714C15.3464 15.5964 15.1768 15.6667 15 15.6667H3C2.82319 15.6667 2.65362 15.5964 2.5286 15.4714C2.40357 15.3464 2.33333 15.1768 2.33333 15V12.3333C2.33333 12.1565 2.2631 11.9869 2.13807 11.8619C2.01305 11.7369 1.84348 11.6667 1.66667 11.6667C1.48986 11.6667 1.32029 11.7369 1.19526 11.8619C1.07024 11.9869 1 12.1565 1 12.3333L1 15C1 15.5304 1.21071 16.0391 1.58579 16.4142C1.96086 16.7893 2.46957 17 3 17H15C15.5304 17 16.0391 16.7893 16.4142 16.4142C16.7893 16.0391 17 15.5304 17 15V12.3333C17 12.1565 16.9298 11.9869 16.8047 11.8619C16.6797 11.7369 16.5101 11.6667 16.3333 11.6667Z" fill="#4282FF"/>
</g>
<defs>
<clipPath id="clip0_269_1447">
<rect width="16" height="16" fill="white" transform="translate(1 1)"/>
</clipPath>
</defs>
</svg>
</button>
</div>
</div>
</div>
<button class="btn btnGray wfit">Вийти з профілю</button>
</div>
<div class="domainInfoContainer">
<h2>Придбати модуль</h2>
<div class="lineGray"></div>
<form action="" class="domainsInfoForm">
<div class="inputContainer">
<span class="label">Виберіть план підписки</span>
<div class="custom-select">
<select name="" id="">
<option value="0">Оберіть план підписки</option>
<option value="1">free</option>
<option value="2">20%</option>
<option value="3">100%</option>
</select>
</div>
</div>
<div class="inputContainer">
<span class="label">Домен сайту</span>
<input type="text" placeholder="Введіть домен">
</div>
<div class="inputContainer">
<span class="label">Тестовий домен</span>
<input type="text" placeholder="Введіть домен">
</div>
<button type="submit" class="btn btnRed btnFullSize">Купити</button>
</form>
</div>
</div>
<div class="moduleVersionContainer">
<div class="dateModuleVersion">
<div class="icoHeadAdmin">
<h2>Версія модуля</h2>
<span class="moduleVersion">
Basic
</span>
</div>
<span>ліцензія діє до: <span class="boltTime">22.06.2024</span></span>
</div>
<div class="lineGray"></div>
<div class="keyModuleDescription">
<div class="keyContainer">
<div class="rowCopyBtn">
<div class="keyIco">
<img src="img/key.svg" alt="none">
<span>License key</span>
</div>
<button data-copy-type="key" data-copy-message="Скопійовано !" class="btn blueBtn changeHowerSvg">
<svg class="copySvg" width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0566 20H6.96875C5.33174 20 4 18.6683 4 17.0312V6.97461C4 5.3376 5.33174 4.00586 6.96875 4.00586H14.0566C15.6936 4.00586 17.0254 5.3376 17.0254 6.97461V17.0312C17.0254 18.6683 15.6936 20 14.0566 20ZM6.96875 5.49023C6.1503 5.49023 5.48438 6.15616 5.48438 6.97461V17.0312C5.48438 17.8497 6.1503 18.5156 6.96875 18.5156H14.0566C14.8751 18.5156 15.541 17.8497 15.541 17.0312V6.97461C15.541 6.15616 14.8751 5.49023 14.0566 5.49023H6.96875ZM19.9941 15.1758V3.96875C19.9941 2.33174 18.6624 1 17.0254 1H8.78711C8.37716 1 8.04492 1.33224 8.04492 1.74219C8.04492 2.15213 8.37716 2.48438 8.78711 2.48438H17.0254C17.8438 2.48438 18.5098 3.1503 18.5098 3.96875V15.1758C18.5098 15.5857 18.842 15.918 19.252 15.918C19.6619 15.918 19.9941 15.5857 19.9941 15.1758Z" fill="#344054"/>
</svg>
Копіювати
</button>
</div>
<span class="key_area" data-copy-data="2VQ62NR4FfFf6J2X8Kz35QmY7R1Vb9K8Px4J3Tn24LdS6M1Wv8G7Zq5H2Xm9P3Nf7R4Kz6Y5Vj28QbL1M6Wx7J9Pz32RfY5K4Nn8P2Qk5R9Vj7X4Lm86FfY31TzQ9K5Wb2J3Nn6M8Px72VqY5R1Lz4G7Zf2P3Nn9K4Wv8X1Tz3J6Qb5R9Vj22LmY65PfN1M8Wx4K2Tn73VqY9R5Lk7P1Wz8K4Xf26NmJ32TzQ9R7Vb5J3Pf6M1Lx85KqY4P6Nf1K2Wv9J5Lm8R3Xz47VqY2T9Pz61QbN3M4Kx72RfJ8L5Wv92VqY6R4Ff5K8Wx3J1Nn73TzL9M5Pb27KxY1R9Vj82QfN4P6Lm3J5Xz71TqY9M2Vb5R3Kf64NnP8K6Wx2J9Pz31LmY5R7Vq4T">
2VQ62NR4FfFf6J2X8Kz35QmY7R1Vb9K8Px4J3Tn24LdS6M1Wv8G7Zq5H2Xm9P3Nf7R4Kz6Y5Vj28QbL1M6Wx7J9Pz32RfY5K4Nn8P2Qk5R9Vj7X4Lm86FfY31TzQ9K5Wb2J3Nn6M8Px72VqY5R1Lz4G7Zf2P3Nn9K4Wv8X1Tz3J6Qb5R9Vj22LmY65PfN1M8Wx4K2Tn73VqY9R5Lk7P1Wz8K4Xf26NmJ32TzQ9R7Vb5J3Pf6M1Lx85KqY4P6Nf1K2Wv9J5Lm8R3Xz47VqY2T9Pz61QbN3M4Kx72RfJ8L5Wv92VqY6R4Ff5K8Wx3J1Nn73TzL9M5Pb27KxY1R9Vj82QfN4P6Lm3J5Xz71TqY9M2Vb5R3Kf64NnP8K6Wx2J9Pz31LmY5R7Vq4T
</span>
</div>
<form class="domaiListContainer">
<div class="gridInputContainer">
<div class="inputSel">
<div class="inputContainer">
<span class="label">Домен сайту</span>
<input type="text" placeholder="Введіть домен">
</div>
</div>
<div class="inputSel">
<div class="inputContainer">
<span class="label">1С логін</span>
<input type="text" placeholder="Введіть логін с1">
</div>
</div>
<div class="inputSel">
<div class="inputContainer">
<span class="label">1С домен</span>
<input type="text" placeholder="Введіть домен с1">
</div>
</div>
<div class="inputSel">
<div class="inputContainer">
<span class="label">1С пароль</span>
<input type="password" placeholder="Введіть пароль с1">
</div>
</div>
</div>
<div class="btnRow">
<button class="btn btnRedBorder">
Видалити
</button>
<button class="btn btnGray">
Зберегти
</button>
<button class="btn fullBlueBnt">
Активувати
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script src="JS/script.js"></script>
</body>
</html>