commit6
45
Lab2/.gitignore
vendored
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
# See http://help.github.com/ignore-files/ for more about ignoring files.
|
||||||
|
|
||||||
|
# Compiled output
|
||||||
|
/dist
|
||||||
|
/tmp
|
||||||
|
/out-tsc
|
||||||
|
/bazel-out
|
||||||
|
|
||||||
|
# Node
|
||||||
|
/node_modules
|
||||||
|
npm-debug.log
|
||||||
|
yarn-error.log
|
||||||
|
|
||||||
|
# IDEs and editors
|
||||||
|
.idea/
|
||||||
|
.project
|
||||||
|
.classpath
|
||||||
|
.c9/
|
||||||
|
*.launch
|
||||||
|
.settings/
|
||||||
|
*.sublime-workspace
|
||||||
|
|
||||||
|
# Visual Studio Code
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/settings.json
|
||||||
|
!.vscode/tasks.json
|
||||||
|
!.vscode/launch.json
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.history/*
|
||||||
|
|
||||||
|
# Miscellaneous
|
||||||
|
/.angular/cache
|
||||||
|
.sass-cache/
|
||||||
|
/connect.lock
|
||||||
|
/coverage
|
||||||
|
/libpeerconnection.log
|
||||||
|
testem.log
|
||||||
|
/typings
|
||||||
|
|
||||||
|
# System files
|
||||||
|
.DS_Store
|
||||||
|
Thumbs.db
|
||||||
|
|
||||||
|
# Ignore dist
|
||||||
|
dist/
|
BIN
Lab2/Statement2/Statement2.docx
Normal file
87
Lab2/admin.html
Normal file
@ -0,0 +1,87 @@
|
|||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Абитуриенту</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
|
||||||
|
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
|
||||||
|
<link rel="stylesheet" href="./style.css">
|
||||||
|
</head>
|
||||||
|
<body class="h-100 d-flex flex-column" background = "./images/BackGr.png">
|
||||||
|
<header>
|
||||||
|
|
||||||
|
<nav class = "headStyleNavBar navbar-text navbar-dark w-100">
|
||||||
|
<div class = "text-center">
|
||||||
|
<img src = "./images/logo2.png" alt = "logo2" width="70">
|
||||||
|
<span class = "headStyle">
|
||||||
|
<b>Ульяновский Государственный Политехнический Университет</b>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<nav class="headStyleNavBar2 navbar navbar-expand-md">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-start" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="heasdStyle nav-link" href="./index.html"><span class = "headStyle">Новости</span></a>
|
||||||
|
<a class="heasdStyle nav-link active" href="./page2.html"><span class = "headStyle">Об университете</span></a>
|
||||||
|
<a class="heasdStyle nav-link" href="./page3.html"><span class = "headStyle">Абитуриенту</span></a>
|
||||||
|
<a class = "heasdStyle nav-link" href = "./page4.html"><span class = "headStyle">Вход</span></a>
|
||||||
|
<a class = "nav-link" href = "./page5.html"><span class = "headStyle">Контакты</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main class="container p-2 text-center">
|
||||||
|
<span class = "mainSt">
|
||||||
|
<b>Новости</b>
|
||||||
|
</span>
|
||||||
|
<div class="tbb1 p-3 table-responsive-md mt-4 row justify-content-start">
|
||||||
|
<table class="table col-lg2 w-50">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class = "w-25">Дата добавления</th>
|
||||||
|
<th class ="w-50">Название</th>
|
||||||
|
<th class ="w-25"></th>
|
||||||
|
<th class = "w-75"></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>13.10.23</td>
|
||||||
|
<td>УлГТУ вошёл в топ-250 лучших вузов</td>
|
||||||
|
<td><a class = "nav-link" href = "./reduse.html">Редактировать</a></td>
|
||||||
|
<td>Удалить</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>13.10.23</td>
|
||||||
|
<td>“Мосты в будущее” будут видны из УлГТУ</td>
|
||||||
|
<td><a class = "nav-link" href = "./reduse.html">Редактировать</a></td>
|
||||||
|
<td>Удалить</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>27.10.23</td>
|
||||||
|
<td>Поправки в системе работы приёмной комиссии</td>
|
||||||
|
<td><a class = "nav-link " href = "./reduse.html">Редактировать</a></td>
|
||||||
|
<td>Удалить</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>27.10.23</td>
|
||||||
|
<td>Студенты возвращаются к учёбе после зимней сессии позже, чем раньше</td>
|
||||||
|
<td><a class = "nav-link" href = "./reduse.html">Редактировать</a></td>
|
||||||
|
<td>Удалить</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer class=" headStyleNavBar footer mt-5 d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||||
|
Адреса: ул. Северный Венец, 32; ул. Андрея Блаженного, 3
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
BIN
Lab2/images/BackGr.png
Normal file
After Width: | Height: | Size: 2.9 MiB |
BIN
Lab2/images/New1.png
Normal file
After Width: | Height: | Size: 268 KiB |
BIN
Lab2/images/New2.png
Normal file
After Width: | Height: | Size: 208 KiB |
BIN
Lab2/images/New3.png
Normal file
After Width: | Height: | Size: 185 KiB |
BIN
Lab2/images/New4.png
Normal file
After Width: | Height: | Size: 199 KiB |
BIN
Lab2/images/logo.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
Lab2/images/logo2.png
Normal file
After Width: | Height: | Size: 13 KiB |
97
Lab2/index.html
Normal file
@ -0,0 +1,97 @@
|
|||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Новости</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
|
||||||
|
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
|
||||||
|
<link rel="stylesheet" href="./style.css">
|
||||||
|
</head>
|
||||||
|
<body class="h-100 d-flex flex-column" background = "./images/BackGr.png">
|
||||||
|
<header>
|
||||||
|
|
||||||
|
<nav class = "headStyleNavBar navbar-text navbar-dark w-100">
|
||||||
|
<div class = "text-center">
|
||||||
|
<img src = "./images/logo2.png" alt = "logo2" width="70">
|
||||||
|
<span class = "headStyle">
|
||||||
|
<b>Ульяновский Государственный Политехнический Университет</b>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<nav class="headStyleNavBar2 navbar navbar-expand-md">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-start" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="heasdStyle nav-link" href="./index.html"><span class = "headStyle">Новости</span></a>
|
||||||
|
<a class="heasdStyle nav-link active" href="./page2.html"><span class = "headStyle">Об университете</span></a>
|
||||||
|
<a class="heasdStyle nav-link" href="./page3.html"><span class = "headStyle">Абитуриенту</span></a>
|
||||||
|
<a class = "heasdStyle nav-link" href = "./page4.html"><span class = "headStyle">Вход</span></a>
|
||||||
|
<a class = "nav-link" href = "./page5.html"><span class = "headStyle">Контакты</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main class="container col text-center">
|
||||||
|
<span class = "mainSt">
|
||||||
|
<b>Новости</b>
|
||||||
|
</span>
|
||||||
|
<div class="text-center">
|
||||||
|
<button class="btn btn-primary w-auto" type="button" onclick ="location.href='admin.html';">Добавить новость</button>
|
||||||
|
</div>
|
||||||
|
<div class = "row">
|
||||||
|
<div class = "col mt-4">
|
||||||
|
<div class = "rectNews d-flex flex-column">
|
||||||
|
<img class ="imageNew1" src = "./images/New1.png" alt = "New1" width = "100%">
|
||||||
|
<div class = "rectNewsTextBox">
|
||||||
|
<span class = "rectNewsText">
|
||||||
|
<b>УлГТУ вошёл в топ-250 лучших вузов</b>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class = "col mt-4">
|
||||||
|
<div class = "rectNews d-flex flex-column position-relative">
|
||||||
|
<img src = "./images/New2.png" alt = "New2" width="100%">
|
||||||
|
<div class = "rectNewsTextBox">
|
||||||
|
<span class = "rectNewsText">
|
||||||
|
<b>“Мосты в будущее” будут видны из УлГТУ</b>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class ="row">
|
||||||
|
<div class ="col mt-5">
|
||||||
|
<div class = "rectNews d-flex flex-column position-relative">
|
||||||
|
<img src = "./images/New3.png" alt = "New3" width="100%">
|
||||||
|
<div class = "rectNewsTextBox">
|
||||||
|
<span class = "rectNewsText">
|
||||||
|
<b>Поправки в системе работы приёмной комиссии</b>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class = "col mt-5">
|
||||||
|
<div class = "rectNews d-flex flex-column position-relative">
|
||||||
|
<img src = "./images/New4.png" alt = "New4" width="100%">
|
||||||
|
<div class = "rectNewsTextBox">
|
||||||
|
<span class = "rectNewsText">
|
||||||
|
<b>Студенты возвращаются к учёбе после зимней сессии позже, чем раньше</b>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<span class = "d-flex"><p></p></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer class=" headStyleNavBar footer mt-5 d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||||
|
Адреса: ул. Северный Венец, 32; ул. Андрея Блаженного, 3
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
3684
Lab2/package-lock.json
generated
Normal file
20
Lab2/package.json
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
{
|
||||||
|
"name": "int-prog",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"start": "vite",
|
||||||
|
"serve": "http-server -p 3000 ./dist/",
|
||||||
|
"build": "vite build",
|
||||||
|
"prod": "npm-run-all build serve"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"bootstrap": "5.3.2",
|
||||||
|
"@fortawesome/fontawesome-free": "6.4.2"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"http-server": "14.1.1",
|
||||||
|
"vite": "4.4.9",
|
||||||
|
"npm-run-all": "4.1.5"
|
||||||
|
}
|
||||||
|
}
|
77
Lab2/page2.html
Normal file
@ -0,0 +1,77 @@
|
|||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Об университете</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
|
||||||
|
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
|
||||||
|
<link rel="stylesheet" href="./style.css">
|
||||||
|
</head>
|
||||||
|
<body class="h-100 d-flex flex-column" background = "./images/BackGr.png">
|
||||||
|
<header>
|
||||||
|
|
||||||
|
<nav class = "headStyleNavBar navbar-text navbar-dark w-100">
|
||||||
|
<div class = "text-center">
|
||||||
|
<img src = "./images/logo2.png" alt = "logo2" width="70">
|
||||||
|
<span class = "headStyle">
|
||||||
|
<b>Ульяновский Государственный Политехнический Университет</b>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<nav class="headStyleNavBar2 navbar navbar-expand-md">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-start" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="heasdStyle nav-link" href="./index.html"><span class = "headStyle">Новости</span></a>
|
||||||
|
<a class="heasdStyle nav-link active" href="./page2.html"><span class = "headStyle">Об университете</span></a>
|
||||||
|
<a class="heasdStyle nav-link" href="./page3.html"><span class = "headStyle">Абитуриенту</span></a>
|
||||||
|
<a class = "heasdStyle nav-link" href = "./page4.html"><span class = "headStyle">Вход</span></a>
|
||||||
|
<a class = "nav-link" href = "./page5.html"><span class = "headStyle">Контакты</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main class="container-fluid d-flex p-2">
|
||||||
|
<div class = "rectPage2">
|
||||||
|
<span class = "mainSt text-center">
|
||||||
|
<b>История</b>
|
||||||
|
</span>
|
||||||
|
<p>
|
||||||
|
<span class = "stylePage2LargeSymbol">
|
||||||
|
И</span>
|
||||||
|
<span class = "stylePage2">
|
||||||
|
стория Ульяновского государственного технического университета началась в 1957 году,
|
||||||
|
когда согласно постановлению Совета министров РСФСР от 6 сентября 1957 года и приказу
|
||||||
|
Министерства высшего образования СССР от 18 сентября 1957 года в городе Ульяновске
|
||||||
|
был организован вечерний политехнический институт на базе вечернего факультета
|
||||||
|
Куйбышевского индустриального института.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<div class = "styleParagraph">
|
||||||
|
<span class = "stylePage2">
|
||||||
|
Было организовано пять кафедр: «Марксизм-ленинизм», «Высшая математика и теоретическая механика»,
|
||||||
|
«Начертательная геометрия и черчение», «Физика и химия», «Иностранные языки».
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class = "styleParagraph">
|
||||||
|
<span class = "stylePage2">
|
||||||
|
Первым ректором вечернего политехнического института стал кандидат технических наук,
|
||||||
|
доцент Иван Шабанов, его заместителем – кандидат технических наук, профессор, доктор
|
||||||
|
технических наук Леонид Худобин. Штатное расписание института было составлено на 48 человек,
|
||||||
|
с учетом профессорско-преподавательского состава, из которого только четыре человека имели ученую
|
||||||
|
степень и звание. Не было ни одного профессора, ни одного доктора наук.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer class=" headStyleNavBar footer mt-5 d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||||
|
Адреса: ул. Северный Венец, 32; ул. Андрея Блаженного, 3
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
86
Lab2/page3.html
Normal file
@ -0,0 +1,86 @@
|
|||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Абитуриенту</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
|
||||||
|
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
|
||||||
|
<link rel="stylesheet" href="./style.css">
|
||||||
|
</head>
|
||||||
|
<body class="h-100 d-flex flex-column" background = "./images/BackGr.png">
|
||||||
|
<header>
|
||||||
|
|
||||||
|
<nav class = "headStyleNavBar navbar-text navbar-dark w-100">
|
||||||
|
<div class = "text-center">
|
||||||
|
<img src = "./images/logo2.png" alt = "logo2" width="70">
|
||||||
|
<span class = "headStyle">
|
||||||
|
<b>Ульяновский Государственный Политехнический Университет</b>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<nav class="headStyleNavBar2 navbar navbar-expand-md">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-start" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="heasdStyle nav-link" href="./index.html"><span class = "headStyle">Новости</span></a>
|
||||||
|
<a class="heasdStyle nav-link active" href="./page2.html"><span class = "headStyle">Об университете</span></a>
|
||||||
|
<a class="heasdStyle nav-link" href="./page3.html"><span class = "headStyle">Абитуриенту</span></a>
|
||||||
|
<a class = "heasdStyle nav-link" href = "./page4.html"><span class = "headStyle">Вход</span></a>
|
||||||
|
<a class = "nav-link" href = "./page5.html"><span class = "headStyle">Контакты</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main class="container p-2 text-center">
|
||||||
|
<label class = "mainSt d-flex justify-content-center" for="direction">
|
||||||
|
Направление</label>
|
||||||
|
<input class = "justify-content-md-center w-50"
|
||||||
|
type="search"
|
||||||
|
id="direction"
|
||||||
|
name="direction"
|
||||||
|
required>
|
||||||
|
|
||||||
|
<div class="tbb1 p-3 table-responsive-md mt-4 row justify-content-start">
|
||||||
|
<table class="table col-lg2 w-50">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class = "w-25">Код</th>
|
||||||
|
<th class ="w-50">Направление</th>
|
||||||
|
<th class ="w-25">Кафедра</th>
|
||||||
|
<th class = "w-75">Предметы(ЕГЭ) по выбору</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>01.03.04</td>
|
||||||
|
<td>Мат. Моделирование</td>
|
||||||
|
<td>Прикладная математика</td>
|
||||||
|
<td>Иностранный язык, информатика, физика, химия</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>09.03.04</td>
|
||||||
|
<td>Программная инженерия</td>
|
||||||
|
<td>Информационные системы</td>
|
||||||
|
<td>Информатика, физика</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>02.03.01</td>
|
||||||
|
<td>Информационные системы и технологии</td>
|
||||||
|
<td>Измерительно-вычислительные комплексы</td>
|
||||||
|
<td>Информатика, физика</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer class=" headStyleNavBar footer mt-5 d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||||
|
Адреса: ул. Северный Венец, 32; ул. Андрея Блаженного, 3
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
65
Lab2/page4.html
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Вход</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
|
||||||
|
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
|
||||||
|
<link rel="stylesheet" href="./style.css">
|
||||||
|
</head>
|
||||||
|
<body class="h-100 d-flex flex-column" background = "./images/BackGr.png">
|
||||||
|
<header>
|
||||||
|
|
||||||
|
<nav class = "headStyleNavBar navbar-text navbar-dark w-100">
|
||||||
|
<div class = "text-center">
|
||||||
|
<img src = "./images/logo2.png" alt = "logo2" width="70">
|
||||||
|
<span class = "headStyle">
|
||||||
|
<b>Ульяновский Государственный Политехнический Университет</b>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<nav class="headStyleNavBar2 navbar navbar-expand-md">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-start" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="heasdStyle nav-link" href="./index.html"><span class = "headStyle">Новости</span></a>
|
||||||
|
<a class="heasdStyle nav-link active" href="./page2.html"><span class = "headStyle">Об университете</span></a>
|
||||||
|
<a class="heasdStyle nav-link" href="./page3.html"><span class = "headStyle">Абитуриенту</span></a>
|
||||||
|
<a class = "heasdStyle nav-link" href = "./page4.html"><span class = "headStyle">Вход</span></a>
|
||||||
|
<a class = "nav-link" href = "./page5.html"><span class = "headStyle">Контакты</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main class = "container-fluid text-center">
|
||||||
|
<span class = "mainSt">
|
||||||
|
<b>Личный кабинет</b>
|
||||||
|
</span>
|
||||||
|
<div class="rectpage4 d-flex row justify-content-center">
|
||||||
|
<form class="col-md-4 m-0 w-auto" action="./page4.html" method="get">
|
||||||
|
<div class="mb-2">
|
||||||
|
<label class="form-label" for="login"><b>Логин</b></label>
|
||||||
|
<input id="login" name="login" class="form-control"
|
||||||
|
placeholder="dyctator" type="text" required>
|
||||||
|
</div>
|
||||||
|
<div class="mb-2">
|
||||||
|
<label class="form-label" for="password"><b>Пароль</b></label>
|
||||||
|
<input id="password" name="password" class="form-control" type="password" required>
|
||||||
|
</div>
|
||||||
|
<div class="text-center">
|
||||||
|
<button class="btn btn-primary w-auto" type="button">Войти</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer class=" headStyleNavBar footer mt-5 d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||||
|
Адреса: ул. Северный Венец, 32; ул. Андрея Блаженного, 3
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
50
Lab2/page5.html
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Контакты</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
|
||||||
|
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
|
||||||
|
<link rel="stylesheet" href="./style.css">
|
||||||
|
</head>
|
||||||
|
<body class="h-100 d-flex flex-column" background = "./images/BackGr.png">
|
||||||
|
<header>
|
||||||
|
|
||||||
|
<nav class = "headStyleNavBar navbar-text navbar-dark w-100">
|
||||||
|
<div class = "text-center">
|
||||||
|
<img src = "./images/logo2.png" alt = "logo2" width="70">
|
||||||
|
<span class = "headStyle">
|
||||||
|
<b>Ульяновский Государственный Политехнический Университет</b>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<nav class="headStyleNavBar2 navbar navbar-expand-md">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-start" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="heasdStyle nav-link" href="./index.html"><span class = "headStyle">Новости</span></a>
|
||||||
|
<a class="heasdStyle nav-link active" href="./page2.html"><span class = "headStyle">Об университете</span></a>
|
||||||
|
<a class="heasdStyle nav-link" href="./page3.html"><span class = "headStyle">Абитуриенту</span></a>
|
||||||
|
<a class = "heasdStyle nav-link" href = "./page4.html"><span class = "headStyle">Вход</span></a>
|
||||||
|
<a class = "nav-link" href = "./page5.html"><span class = "headStyle">Контакты</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main class = "rectPage5 stsp container-fluid row justify-content-center">
|
||||||
|
<span class = "mainSt ">Контакты</span>
|
||||||
|
<span><p><i>Номер приёмной комиссии:</p>+7 925 876 67 43
|
||||||
|
<p>Номер ректората:</p>+7 925 876 67 43
|
||||||
|
<p>Электронная почта приёмной комисси:</p>priemnkomulstu@mail.ru</i></span>
|
||||||
|
</main>
|
||||||
|
<footer class=" headStyleNavBar footer mt-5 d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||||
|
Адреса: ул. Северный Венец, 32; ул. Андрея Блаженного, 3
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
5
Lab2/readme.md
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
npm install
|
||||||
|
|
||||||
|
npm start
|
||||||
|
|
||||||
|
npm run prod
|
64
Lab2/reduse.html
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Абитуриенту</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
|
||||||
|
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
|
||||||
|
<link rel="stylesheet" href="./style.css">
|
||||||
|
</head>
|
||||||
|
<body class="h-100 d-flex flex-column" background = "./images/BackGr.png">
|
||||||
|
<header>
|
||||||
|
<nav class = "headStyleNavBar navbar-text navbar-dark w-100">
|
||||||
|
<div class = "text-center">
|
||||||
|
<img src = "./images/logo2.png" alt = "logo2" width="70">
|
||||||
|
<span class = "headStyle">
|
||||||
|
<b>Ульяновский Государственный Политехнический Университет</b>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<nav class="headStyleNavBar2 navbar navbar-expand-md">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-start" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="heasdStyle nav-link" href="./index.html"><span class = "headStyle">Новости</span></a>
|
||||||
|
<a class="heasdStyle nav-link active" href="./page2.html"><span class = "headStyle">Об университете</span></a>
|
||||||
|
<a class="heasdStyle nav-link" href="./page3.html"><span class = "headStyle">Абитуриенту</span></a>
|
||||||
|
<a class = "heasdStyle nav-link" href = "./page4.html"><span class = "headStyle">Вход</span></a>
|
||||||
|
<a class = "nav-link" href = "./page5.html"><span class = "headStyle">Контакты</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main class="container p-2 text-center">
|
||||||
|
<span class = "mainSt">
|
||||||
|
<b>Новости</b>
|
||||||
|
</span>
|
||||||
|
<div class="rectpage4 d-flex row justify-content-center">
|
||||||
|
<form class="col-md-4 m-0 w-auto" action="./page4.html" method="get">
|
||||||
|
<div class="mb-2">
|
||||||
|
<label class="form-label" for="name"><b>Название новости</b></label>
|
||||||
|
<input id="name" name="name" class="form-control"
|
||||||
|
placeholder="Например" type="text" required>
|
||||||
|
</div>
|
||||||
|
<div class="mb-2">
|
||||||
|
<label class="form-label" for="image"><b>Изображение</b></label>
|
||||||
|
<input id="image" name="image" class="form-control" type="file" required>
|
||||||
|
</div>
|
||||||
|
<div class="text-center">
|
||||||
|
<button class="btn btn-primary w-auto" type="button">Добавить новость</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer class=" headStyleNavBar footer mt-5 d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||||
|
Адреса: ул. Северный Венец, 32; ул. Андрея Блаженного, 3
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
158
Lab2/style.css
Normal file
@ -0,0 +1,158 @@
|
|||||||
|
header nav {
|
||||||
|
background-color: #3c3c3c;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 770px) {
|
||||||
|
.rectNews{
|
||||||
|
width: 270px !important;
|
||||||
|
height: 175px !important;
|
||||||
|
margin-left: 45 !important;
|
||||||
|
margin-top: 30 !important;
|
||||||
|
}
|
||||||
|
.rectNewsTextBox{
|
||||||
|
width : 270px !important;
|
||||||
|
}
|
||||||
|
.rectnewsText{
|
||||||
|
font-size : 13px !important;
|
||||||
|
}
|
||||||
|
.footer{
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.stsp{
|
||||||
|
margin-top: 0 !important;
|
||||||
|
}
|
||||||
|
.rectPage4{
|
||||||
|
width : 340px !important;
|
||||||
|
height : 210px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 771px){
|
||||||
|
.tbb1{
|
||||||
|
justify-content: center !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 615px){
|
||||||
|
.rectPage5{
|
||||||
|
width : 370px !important;
|
||||||
|
height : 500px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.headStyle{
|
||||||
|
color: #FFFFFF
|
||||||
|
}
|
||||||
|
.headStyleNavBar{
|
||||||
|
background-color: #454545;
|
||||||
|
}
|
||||||
|
.headStyleNavBar2{
|
||||||
|
background-color: #575757
|
||||||
|
}
|
||||||
|
.stsp{
|
||||||
|
font-size: 30px;
|
||||||
|
color: #333333;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 70;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainSt{
|
||||||
|
color: #060647;
|
||||||
|
font-size: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rectPage2{
|
||||||
|
color: #FFFFFF;
|
||||||
|
width: 1470px;
|
||||||
|
height: 900px;
|
||||||
|
border : 2px solid #000000;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
.rectPage4{
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
color: #FFFFFF;
|
||||||
|
width: 550px;
|
||||||
|
height: 300px;
|
||||||
|
border: 2px solid #000000;
|
||||||
|
background-color: #7c7474;
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
.rectPage5{
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-top : auto;
|
||||||
|
margin-bottom : auto;
|
||||||
|
width: 600px;
|
||||||
|
height: 500px;
|
||||||
|
border: 2px solid #000000;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
.rectNews{
|
||||||
|
width:310px;
|
||||||
|
height:200px;
|
||||||
|
border : 2px solid #2582A3;
|
||||||
|
border-radius: 8%;
|
||||||
|
margin-left: 180;
|
||||||
|
margin-top: 9px;
|
||||||
|
margin-bottom:25px;
|
||||||
|
}
|
||||||
|
.stylePage2{
|
||||||
|
float : center;
|
||||||
|
margin-right: 7;
|
||||||
|
color: #063638;
|
||||||
|
font-size: 18px
|
||||||
|
}
|
||||||
|
.styleParagraph{
|
||||||
|
border-top: 2px solid #000000;
|
||||||
|
}
|
||||||
|
.styleBlack{
|
||||||
|
color : #000000;
|
||||||
|
}
|
||||||
|
.stylePage2LargeSymbol{
|
||||||
|
float : left;
|
||||||
|
margin-right: 7;
|
||||||
|
color: #118D94;
|
||||||
|
font-size: 50px;
|
||||||
|
line-height: 52px
|
||||||
|
}
|
||||||
|
.rectNewsTextBox{
|
||||||
|
width : 310px;
|
||||||
|
min-height : 50px;
|
||||||
|
border: 2px solid #000000;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
opacity: 0.7;
|
||||||
|
border-radius: 10% / 40%;
|
||||||
|
margin-top : 5px;
|
||||||
|
}
|
||||||
|
.rectNewsText{
|
||||||
|
color: #000000;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header nav a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
position : fixed;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 0;
|
||||||
|
background-color: #9c9c9c;
|
||||||
|
height: 32px;
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
14
Lab2/vite.config.js
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
import { resolve } from 'path'
|
||||||
|
import { defineConfig } from 'vite'
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
build: {
|
||||||
|
rollupOptions: {
|
||||||
|
input: {
|
||||||
|
main: resolve(__dirname, 'index.html'),
|
||||||
|
page2: resolve(__dirname, 'page2.html'),
|
||||||
|
page3: resolve(__dirname, 'page3.html'),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|