95 lines
5.1 KiB
HTML
95 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
|
||
<title>Главная страница УлЧУ</title>
|
||
<link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css" />
|
||
<link rel="stylesheet" href="/node_modules/bootstrap/dist/js/bootstrap.min.js" />
|
||
<link rel="stylesheet" href="/node_modules/bootstrap-icons/font/bootstrap-icons.min.css" />
|
||
<link rel="stylesheet" href="style.css" />
|
||
</head>
|
||
<body class="d-flex justify-content-center">
|
||
<div class="body d-flex rounded w-75 flex-column">
|
||
<header class="header d-flex rounded-top justify-content-between flex-column">
|
||
<div class="d-flex flex-row">
|
||
<img src="logo.png" alt="Логотип УлЧУ" class="logo d-block mx-5 my-5 w-25"/>
|
||
<label class="nameBuild d-flex align-self-center">Ульяновский Частный Университет</label>
|
||
</div>
|
||
<nav class="navBar navbar navbar-expand navbar-dark">
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="navbar-collapse collapse justify-content-center" id="navbarNav">
|
||
<div class="navbar-nav">
|
||
<a class="nav-link" href="/info.html" target="_blank">
|
||
<i class="bi bi-info-circle"></i>
|
||
Об университете
|
||
</a>
|
||
<a class="nav-link" href="/Education.html" target="_blank">
|
||
<i class="bi bi-card-list"></i>
|
||
Образование
|
||
</a>
|
||
<a class="nav-link" href="/StudentLive.html" target="_blank">
|
||
<i class="bi bi-emoji-sunglasses-fill"></i>
|
||
Студенческая жизнь
|
||
</a>
|
||
<a class="nav-link" href="/Contacts.html" target="_blank">
|
||
<i class="bi bi-person-lines-fill"></i>
|
||
Контакты
|
||
</a>
|
||
<a class="nav-link active" href="/index.html">
|
||
<i class="bi bi-house-fill"></i>
|
||
Главная
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
<h1>Новости:</h1>
|
||
<form id="newsForm" action="/" method="post">
|
||
<div>
|
||
<label class="form-label mx-3" for="description">Описание</label>
|
||
<input id="description" name="description" class="form-control mx-3"
|
||
type="text" required />
|
||
</div>
|
||
<button class="d-block mx-auto my-3 btn btn-primary w-25 btn-single"
|
||
type="submit">Добавить</button>
|
||
</form>
|
||
<div id="news" class="d-flex justify-content-around flex-wrap">
|
||
<div class="newsItem">Здесь будут ваши новости</div>
|
||
</div>
|
||
<footer class="footer d-flex flex-row justify-content-around rounded-bottem">
|
||
<div class="d-flex align-items-center my-4 mx-0">
|
||
<p>Телефон: <strong class="numb">8-800-476-92-84</strong></p>
|
||
<p>E-mail: <strong>info@ulchu.ru</strong></p>
|
||
<P>Адрес: 432027, г. Ульяновск, ул. Северный Венец, д. 32</P>
|
||
<p>Официальный телеграмм канал: <strong>https://t.me/UlCHU</strong></p>
|
||
</div>
|
||
<div class="d-flex align-items-center my-4 mx-0">
|
||
<img src="qrtg.png" class="fimg"/>
|
||
</div>
|
||
</footer>
|
||
<script type="module">
|
||
const news = document.getElementById("news")
|
||
const form1 = document.getElementById("newsForm")
|
||
const inputField = document.getElementById("description")
|
||
|
||
function getNewNewsItem(elements){
|
||
const { value } = Array.from(elements)[0]
|
||
let par = document.createElement("div")
|
||
par.setAttribute("class", `newsItem`)
|
||
par.textContent = { value }.value
|
||
|
||
return par
|
||
}
|
||
|
||
form1.addEventListener("submit", (event) => {
|
||
event.preventDefault()
|
||
news.appendChild(getNewNewsItem(event.target.elements))
|
||
inputField.value = ""
|
||
})
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html> |