99 lines
4.4 KiB
HTML
99 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>ГПУ</title>
|
||
<link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css"/>
|
||
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css"/>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<script type="module" src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||
</head>
|
||
<body>
|
||
<div id="header">
|
||
<a href="index.html"><img id="logo" src="resourses/logo.png" height="50px"></a>
|
||
<a href="index.html">Государственный политехнический университет</a>
|
||
</div>
|
||
<nav class="navbar navbar-expand-md bg-purple" >
|
||
<div class="container-fluid">
|
||
<a class="navbar-brand" href="university.html">Об университете</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarText">
|
||
<ul class="navbar-nav me-auto mb-2 mb-md-0">
|
||
<li class="nav-item">
|
||
<a class="nav-link" aria-current="page" href="news.html">Новости</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" aria-current="page" href="abiturient.html">Поступающему</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" aria-current="page" href="registration.html">Регистрация</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" aria-current="page" href="contacts.html">Контакты</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<div id="content" style="text-align: center; line-height: 1.3em">
|
||
<h3>Страница администратора</h3>
|
||
Добавить новость
|
||
<br>
|
||
<div class="container px-4 py-2 text-center">
|
||
<form id="add-news-form" class="needs-validation" action="./news.html" method="get" style="text-align: left; line-height: 1.3em; margin-left: 3%;" novalidate>
|
||
|
||
<div class="text-center">
|
||
<img id="image-preview" src="https://via.placeholder.com/200" width="200px" height="200px" class="rounded rounded-circle" alt="placeholder">
|
||
</div>
|
||
|
||
<label for="title" class="form-label">Заголовок:</label><br>
|
||
<input id="title" class="form-control" type="text" name="title" placeholder="Заголовок" required>
|
||
<br>
|
||
<br>
|
||
<label for="date" class="form-label">Дата:</label><br>
|
||
<input id="date" class="form-control" type="text" name="date" placeholder="1 сентября, 2023" required>
|
||
<br>
|
||
<br>
|
||
<label for="text" class="form-label">Текст новости:</label><br>
|
||
<textarea id="text" class="form-control" type="text" name="text" cols="3" rows="3" placeholder="2-3 предложения" required></textarea>
|
||
<br>
|
||
<br>
|
||
<label for="tage" class="form-label">Тэги:</label><br>
|
||
<input id="tage" class="form-control" type="text" name="tage" placeholder="праздник молодёжный" required>
|
||
<br>
|
||
<br>
|
||
<label for="image" class="form-label">Изображение:</label>
|
||
<br>
|
||
<div class="input-group mb-3">
|
||
<input type="file" class="form-control" name="image" id="image" accept="image/*">
|
||
<label class="input-group-text" for="image">Загрузить</label>
|
||
</div>
|
||
<br>
|
||
<button type="submit" style="display: block; margin-left: auto; margin-right: auto;" class="btn btn-primary">Добавить</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="footer">
|
||
<ul>
|
||
<li>Адреса и контакты:</li>
|
||
<li>432027, г. Тольятти, ул. Ларина, д.32</li>
|
||
<li>+7 (8332) 43-06-55</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<script type="module">
|
||
import validation from "./js/validation.js";
|
||
import { linesPageForm } from "./js/posts.js"
|
||
|
||
document.addEventListener('DOMContentLoaded', () => {
|
||
validation();
|
||
linesPageForm();
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |