Roman/PIbd-21_Permyakov_R.G._IP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Roman:main
Branches Tags
Roman:main Roman:Mod Roman:Lab6 Roman:Lab5 Roman:Lab4 Roman:Lab3 Roman:Lab2 Roman:Lab1
...
compare: Roman:2b2c04f2df8290482915d5a21d98e496f9916ddf
Branches Tags
Roman:Mod Roman:Lab6 Roman:Lab5 Roman:Lab4 Roman:Lab3 Roman:Lab2 Roman:Lab1 Roman:main

11 Commits
main ... 2b2c04f2df

Author SHA1 Message Date
Рома Пермяков
2b2c04f2df vite не работает нормально 2025-03-14 12:30:14 +04:00
Рома Пермяков
fe5e084561 Для работы vite 2025-03-14 12:08:43 +04:00
Рома Пермяков
1285d4b4d2 git 2 2025-03-14 11:44:26 +04:00
Рома Пермяков
2bbeb3b396 git 1 2025-03-14 11:42:06 +04:00
Рома Пермяков
6613c2a696 git update 2025-03-14 11:40:08 +04:00
Рома Пермяков
d19ebfaf27 Лаба 3. Инициализация npm 2025-03-14 11:26:24 +04:00
Рома Пермяков
f839d0a1c7 Добавление отчёта лаба 2 2025-02-28 10:42:44 +04:00
Рома Пермяков
c283779753 Доработки лаба 2 2025-02-25 22:35:17 +04:00
Рома Пермяков
b2ded78edf Лаба 2. Ток фигня с главной страницей какае-то)) 2025-02-24 22:19:43 +04:00
Рома Пермяков
753cfacb4b Исправленный вариант 2025-02-24 18:40:44 +04:00
Рома Пермяков
7d3d238d32 Первая лаба 2025-02-24 18:33:43 +04:00
11 changed files with 5594 additions and 0 deletions
Expand all files Collapse all files

3
.gitignore vendored
View File

@@ -12,3 +12,6 @@
# Built Visual Studio Code Extensions
*.vsix
#my
/dist
/node_modules

47
contacts.html Normal file
View File

@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta lang="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>Контакты</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="body">
<div class="header">
<img src="logo.png" alt="Логотип УлЧУ" class="logo"/>
<div class="nameBuild">Ульяновский Частный Университет</div>
<div class="navBar">
<div class="dropDown">
<span>Перейти</span>
<ul class="navMenu">
<li><div class="navItem"><a href="info.html" target="_blank">Об университете</a></div></li>
<li><div class="navItem"><a href="Education.html" target="_blank">Образование</a></div></li>
<li><div class="navItem"><a href="StudentLive.html" target="_blank">Студенческая жизнь</a></div></li>
<li><div class="navItem"><a href="Contacts.html" target="_blank">Контакты</a></div></li>
</ul>
</div>
</div>
</div>
<h1>Список контактов:</h1>
<ul>
<li>Телефон: <strong class="numb">8-800-476-92-84</strong></li>
<li>E-mail: <strong>info@ulchu.ru</strong></li>
<li>Адрес: 432027, г. Ульяновск, ул. Северный Венец, д. 32</li>
<li>Официальный телеграмм канал: <strong>https://t.me/UlCHU</strong></li>
</ul>
<div class="footer">
<div cladd="footerItem">
<p><a href="index.html">На главную</a></p>
<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="footerItem">
<img src="qrtg.png" />
</div>
</div>
</div>
</body>
</html>

85
education.html Normal file
View File

@@ -0,0 +1,85 @@
<!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="style.css" />
</head>
<body>
<div class="body">
<div class="header">
<img src="logo.png" alt="Логотип УлЧУ" class="logo"/>
<div class="nameBuild">Ульяновский Частный Университет</div>
<div class="navBar">
<div class="dropDown">
<span>Перейти</span>
<ul class="navMenu">
<li><div class="navItem"><a href="info.html" target="_blank">Об университете</a></div></li>
<li><div class="navItem"><a href="Education.html" target="_blank">Образование</a></div></li>
<li><div class="navItem"><a href="StudentLive.html" target="_blank">Студенческая жизнь</a></div></li>
<li><div class="navItem"><a href="Contacts.html" target="_blank">Контакты</a></div></li>
</ul>
</div>
</div>
</div>
<h1>Доступные направления обучения: </h1>
<div class="educItem">
<p>Экономика и управление:</p>
<ul>
<li>Управление предприятиями</li>
<li>Маркетинг</li>
<li>Финансовый менеджмент</li>
<li>Предпринемательская деятельность</li>
</ul>
</div>
<div class="educItem">
<p>Информационные технологии:</p>
<ul>
<li>Программная инженерия</li>
<li>Кибербезопастность</li>
<li>Искуственный интелект</li>
<li>Анализ данных</li>
<li>Веб-дизайнер</li>
</ul>
</div>
<div class="educItem">
<p>Гуманитарные науки:</p>
<ul>
<li>Психология</li>
<li>Социология</li>
<li>Культурология</li>
<li>История</li>
<li>Журналист</li>
</ul>
</div>
<div class="educItem">
<p>Международные отношения и право:</p>
<ul>
<li>Правоведение</li>
<li>Диплоооматя</li>
<li>Международный бизнес</li>
</ul>
</div>
<div class="educItem">
<p>Экология и устойчивое развитие:</p>
<ul>
<li>Специалист по охране окружающей среды</li>
<li>Специалист по возобновляемым источникам энергии</li>
</ul>
</div>
<div class="footer">
<div cladd="footerItem">
<p><a href="index.html">На главную</a></p>
<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="footerItem">
<img src="qrtg.png" />
</div>
</div>
</div>
</body>
</html>

51
index.html Normal file
View File

@@ -0,0 +1,51 @@
<!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="style.css" />
</head>
<body>
<div class="body">
<div class="header">
<img src="logo.png" alt="Логотип УлЧУ" class="logo"/>
<div class="nameBuild">Ульяновский Частный Университет</div>
<div class="navBar">
<div class="dropDown">
<span>Перейти</span>
<ul class="navMenu">
<li><div class="navItem"><a href="info.html" target="_blank">Об университете</a></div></li>
<li><div class="navItem"><a href="Education.html" target="_blank">Образование</a></div></li>
<li><div class="navItem"><a href="StudentLive.html" target="_blank">Студенческая жизнь</a></div></li>
<li><div class="navItem"><a href="Contacts.html" target="_blank">Контакты</a></div></li>
</ul>
</div>
</div>
</div>
<h1>Новости:</h1>
<div class="news">
<div class="newsItem">новость 1</div>
<div class="newsItem">новость 2</div>
<div class="newsItem">новость 3</div>
<div class="newsItem">новость 4</div>
<div class="newsItem">новость 5</div>
<div class="newsItem">новость 6</div>
<div class="newsItem">новость 7</div>
<div class="newsItem">новость 8</div>
<div class="newsItem">новость 9</div>
</div>
<div class="footer">
<div cladd="footerItem">
<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="footerItem">
<img src="qrtg.png" />
</div>
</div>
</div>
</body>
</html>

88
info.html Normal file
View File

@@ -0,0 +1,88 @@
<!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="style.css" />
</head>
<body>
<div class="body">
<div class="header">
<img src="logo.png" alt="Логотип УлЧУ" class="logo"/>
<div class="nameBuild">Ульяновский Частный Университет</div>
<div class="navBar">
<div class="dropDown">
<span>Перейти</span>
<ul class="navMenu">
<li><div class="navItem"><a href="info.html" target="_blank">Об университете</a></div></li>
<li><div class="navItem"><a href="Education.html" target="_blank">Образование</a></div></li>
<li><div class="navItem"><a href="StudentLive.html" target="_blank">Студенческая жизнь</a></div></li>
<li><div class="navItem"><a href="Contacts.html" target="_blank">Контакты</a></div></li>
</ul>
</div>
</div>
</div>
<p>
Мы стояли на пороге нового начала, когда в нашем городе возникла идея создания
Ульяновского Частного Университета. Это было время, когда образовательные учреждения
нуждались в обновлении, а студенты искали новые возможности для роста и развития.
Мы, группа единомышленников — преподавателей, предпринимателей и студентов — собрались
вместе, чтобы воплотить в жизнь мечту о качественном и доступном образовании.
</p>
<p>
Сначала мы провели множество встреч, обсуждая, каким мы хотим видеть наш университет.
Мы понимали, что образование должно быть не только академическим, но и практическим,
поэтому решили сделать акцент на инновационных методах обучения, сотрудничестве с
бизнесом и интеграции современных технологий. Мы хотели создать атмосферу, в которой
каждый студент чувствовал бы себя важным и востребованным.
</p>
<p>
После долгих обсуждений и планирования мы начали искать подходящее помещение.
Мы нашли старое здание, которое нуждалось в ремонте, но у него была своя история и душа.
Мы вложили в него наши силы и средства, и вскоре стены начали наполняться жизнью.
С каждым днем мы видели, как наше видение становится реальностью — появились аудитории,
лаборатории, библиотека и даже уютные места для отдыха студентов.
</p>
<p>
Когда настал день открытия, мы были полны волнения и гордости. Мы пригласили местных
жителей, представителей власти и, конечно, студентов. В этот день мы не просто открывали
двери университета, мы открывали новые горизонты для будущих поколений. Мы представили
нашу миссию: стремление к качественному образованию, которое бы отвечало требованиям
современного мира.
</p>
<p>
С каждым годом наш университет рос и развивался. Мы привлекали новых преподавателей,
которые делились своим опытом и знаниями. Мы организовывали мастер-классы, конференции
и стажировки, чтобы студенты могли применить свои знания на практике. Мы гордились тем,
что наши выпускники находили работу в престижных компаниях и становились успешными
профессионалами.
</p>
<p>
Мы также понимали, насколько важно поддерживать связь с обществом. Поэтому мы активно
участвовали в социальных проектах, помогая местным жителям и развивая культуру в нашем
регионе. Это помогло нам создать крепкие связи с сообществом и стать важной частью его
жизни.
</p>
<p>
Теперь, оглядываясь назад, мы видим, как далеко мы продвинулись. Ульяновский Частный
Университет стал местом, где рождаются идеи, где студенты могут развивать свои таланты и
где каждый может найти свой путь к успеху. Мы продолжаем стремиться к совершенству,
вдохновляя друг друга на новые достижения и открытия. Это только начало нашего пути, и
мы с нетерпением ждем, что принесет будущее!
</p>
<div class="footer">
<div cladd="footerItem">
<p><a href="index.html">На главную</a></p>
<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="footerItem">
<img src="qrtg.png" />
</div>
</div>
</div>
</body>
</html>

BIN
logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 146 KiB

5037
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

32
package.json Normal file
View File

@@ -0,0 +1,32 @@
{
"name": "pibd-21_permyakov_r.g._ip",
"version": "1.0.0",
"description": "Для ИП",
"repository": {
"type": "git",
"url": "https://git.is.ulstu.ru/Roman/PIbd-21_Permyakov_R.G._IP.git"
},
"type": "module",
"scripts": {
"start": "vite",
"build": "vite build",
"serve": "http-server -p 3000 ./dist/",
"prod": "npm-run-all build serve",
"lint": "eslint …"
},
"dependencies": {
"bootstrap" : "5.3.3",
"bootstrap-icons" : "1.11.3"
},
"devDependencies": {
"http-server": "14.1.1",
"vite" : "6.2.0",
"npm-run-all": "4.1.5",
"eslint": "8.56.0",
"eslint-config-airbnb-base": "15.0.0",
"eslint-config-prettier": "10.0.2",
"eslint-plugin-import": "2.31.0",
"eslint-plugin-prettier": "5.2.3",
"eslint-plugin-html": "8.1.2"
}
}

BIN
qrtg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

81
studentLive.html Normal file
View File

@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta lang="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>Студенческая жизнь</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="body">
<div class="header">
<img src="logo.png" alt="Логотип УлЧУ" class="logo"/>
<div class="nameBuild">Ульяновский Частный Университет</div>
<div class="navBar">
<div class="dropDown">
<span>Перейти</span>
<ul class="navMenu">
<li><div class="navItem"><a href="info.html" target="_blank">Об университете</a></div></li>
<li><div class="navItem"><a href="Education.html" target="_blank">Образование</a></div></li>
<li><div class="navItem"><a href="StudentLive.html" target="_blank">Студенческая жизнь</a></div></li>
<li><div class="navItem"><a href="Contacts.html" target="_blank">Контакты</a></div></li>
</ul>
</div>
</div>
</div>
<p>
Студенты Ульяновского Частного Университета будут активно участвовать в разнообразной
деятельности, которая поможет им развивать навыки, получать практический опыт и обогащать
свою образовательную жизнь. Вот несколько направлений, чем могут заниматься студенты:
</p>
<ul>
<li>Участие в научных проектах и исследованиях под руководством преподавателей.</li>
<li>Проведение собственных исследований и публикация результатов в научных журналах.</li>
<li>Прохождение стажировок в компаниях и организациях, связанных с их специальностью.</li>
<li>Участие в практических проектах, которые позволяют применять теоретические знания
на практике.</li>
<li>Присоединение к студенческим клубам по интересам (например, клубы по программированию,
дизайну, спорту или театру).</li>
<li>Участие в мероприятиях, организуемых клубами, таких как мастер-классы, лекции
и конкурсы.</li>
<li>Участие в социальных проектах и волонтерских инициативах, направленных на помощь
местному сообществу.</li>
<li>Организация мероприятий по экологии, образованию и здравоохранению.</li>
<li>Участие в спортивных секциях и соревнованиях, которые помогают развивать физическую
активность и командный дух.</li>
<li>Организация спортивных мероприятий и турниров для студентов.</li>
<li>Участие в театральных постановках, художественных выставках и музыкальных
концертах.</li>
<li>Создание и реализация собственных творческих проектов, таких как короткометражные фильмы
или художественные выставки.</li>
<li>Участие в семинарах, конференциях и вебинарах, где студенты могут обмениваться опытом и
знаниями.</li>
<li>Проведение открытых лекций и мастер-классов для других студентов и жителей города.</li>
<li>Посещение карьерных ярмарок и тренингов по развитию профессиональных навыков.</li>
<li>Участие в программах менторства, где студенты могут получать советы от опытных
специалистов.</li>
<li>Изучение иностранных языков и участие в языковых клубах.</li>
<li>Участие в программах обмена с зарубежными университетами.</li>
<li>Участие в дебатных клубах и дискуссиях на актуальные темы.</li>
<li>Организация круглых столов и форумов для обмена мнениями и идеями.</li>
</ul>
<p>
Эти виды деятельности помогут студентам не только углубить свои знания, но и развить
навыки командной работы, лидерства и критического мышления, что сделает их более
конкурентоспособными на рынке труда.
</p>
<div class="footer">
<div cladd="footerItem">
<p><a href="index.html">На главную</a></p>
<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="footerItem">
<img src="qrtg.png" />
</div>
</div>
</div>
</body>
</html>

170
style.css Normal file
View File

@@ -0,0 +1,170 @@
body{
display: flex;
color: #D77A61;
background-color: #EFF1F3;
justify-content: center;
margin: 3px;
}
.body{
display: flex;
background-color: #DBD3D8;
border: 0px solid #DBD3D8;
border-radius: 50px;
width: 80%;
flex-direction: column;
}
.header{
display: flex;
background-color: #223843;
border: 0px solid #223843;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
justify-content: space-between;
}
.logo{
display: block;
margin: 10px 20px;
width: 30%;
object-fit: contain;
}
.nameBuild{
display: flex;
align-self: center;
font-size: 5vw;
}
.navBar{
display: flex;
background-color: #EFF1F3;
align-self: flex-end;
margin-left: -20px;
}
.dropDown{
position: relative;
}
.dropDown > span{
z-index: 2;
position: relative;
cursor: pointer;
padding: 10px 30px;
font-size: 20px;
}
.navMenu{
display: none;
}
.dropDown:hover .navMenu{
display: flex;
flex-direction: column;
position: absolute;
top: 10px;
left: -40px;
z-index: 1;
}
.dropDown > ul{
list-style: none;
width: 100%;
}
.navItem{
background-color: #EFF1F3;
border-bottom: 5px solid #D77A61;
text-align: center;
padding: 20px 0px;
}
.news{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.newsItem{
display: flex;
object-fit: contain;
background-color: #1097ec;
border: 3px solid #223843;
border-radius: 50px;
color: #223843;
width: 20vw;
height: 20vw;
min-width: 150px;
min-height: 150px;
font-size: 20px;
align-items: center;
justify-content: center;
margin: 20px;
}
.footer{
display: flex;
flex-direction: row;
justify-content: space-around;
background-color: #223843;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
padding: 20px 0px;
}
.footerItem{
display: flex;
align-items: center;
margin: 5px 0px;
}
.footerItem > img{
width: 100px;
}
.body > p{
margin: 20px 20px;
}
.educItem{
display: flex;
background-color: #EFF1F3;
margin: 20px;
border: 3px solid #000000;
border-radius: 50px;
}
.educItem > p{
align-self: center;
margin-left: 20px;
font-size: 20px;
}
h1{
margin-left: 20px;
}
hr{
background-color: #223843;
height: 3px;
}
strong{
text-decoration: underline;
color: #D77A61;
}
.numb{
color: #1097ec;
text-decoration: none;
}
@media only screen and (max-width: 1000px){
.body{
width: 100%;
margin: 0px;
}
}