StroevVladimir/PIbd-22.-Stroev-V.M.-Internet-Programm
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

commit6

Browse Source
This commit is contained in:
DyCTaTOR 2023-11-02 23:12:49 +04:00
parent bee33b9c05
commit 9a15b51b6e
21 changed files with 4452 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
Lab2/.gitignore vendored Normal file
View 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
View File

Binary file not shown.

87
Lab2/admin.html Normal file
View 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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 MiB

BIN
Lab2/images/New1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 268 KiB

BIN
Lab2/images/New2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 208 KiB

BIN
Lab2/images/New3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 185 KiB

BIN
Lab2/images/New4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 199 KiB

BIN
Lab2/images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Lab2/images/logo2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

97
Lab2/index.html Normal file
View 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
View File

File diff suppressed because it is too large Load Diff

20
Lab2/package.json Normal file
View 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
View 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
View 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
View 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
View 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
View File

@ -0,0 +1,5 @@
npm install
npm start
npm run prod

64
Lab2/reduse.html Normal file
View 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
View 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
View 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'),
},
},
},
})