Добавлен: 25.05.2023
Просмотров: 196
Скачиваний: 4
Список литературы
- http://php.net – информация по всем функциям php
- http://htmlbook.ru – информация по html
Приложение
Приложение 1 – структура фс сайта
Приложение 2 – код главной стпницы (без текста)
<!-- загрузка стиля -->
<link rel="stylesheet" href="css/font.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/templatemo-style.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="tm-left-right-container">
<!-- меню -->
<div class="tm-blue-bg tm-left-column">
<div class="tm-logo-div text-xs-center">
<img src="img/depositphotos_9230863-HAARP-Concept.jpg" alt="Logo">
<h1 class="tm-site-name">XAARP</h1>
</div>
<nav class="tm-main-nav">
<ul class="tm-main-nav-ul">
<li class="tm-nav-item">
<a href="#welcome" class="tm-nav-item-link">Климатическое оружие</a>
</li>
<li class="tm-nav-item">
<a href="#about" class="tm-nav-item-link">Структура</a>
</li>
<li class="tm-nav-item">
<a href="#galleryone" class="tm-nav-item-link">Галерея</a>
</li>
<li class="tm-nav-item">
<a href="#secondgallery" class="tm-nav-item-link">Задачи</a>
</li>
<li class="tm-nav-item">
<a href="#contact" class="tm-nav-item-link">Обратная связь</a>
</li>
</ul>
</nav>
</div>
<div class="tm-right-column">
<figure>
<img src="img/HAARP5.jpg" alt="Header image" class="img-fluid">
</figure>
<div class="tm-content-div">
<!-- климтическое оружие -->
<section id="welcome" class="tm-section">
<header>
<h2 class="tm-blue-text tm-welcome-title tm-margin-b-45">Климатическое оружие</h2>
</header>
<p>текст</p>
<a href="oldarchitecture/index.html" class="tm-button tm-button-wide">читать далее</a>
</section>
<!-- структура -->
<section id="about" class="tm-section">
<div class="row">
<div class="col-lg-8 col-md-7 col-sm-12 col-xs-12 push-lg-4 push-md-5">
<header>
<h2 class="tm-blue-text tm-section-title tm-margin-b-45">Структура</h2>
</header>
<p>текст
</p>
</div>
<div class="col-lg-4 col-md-5 col-sm-12 col-xs-12 pull-lg-8 pull-md-7 tm-about-img-container">
<img src="img/maxresdefault.jpg" alt="Image" class="img-fluid">
</div>
</div>
</section>
<!-- галерея -->
<section id="galleryone" class="tm-section">
<header><h2 class="tm-blue-text tm-section-title tm-margin-b-30">галерея</h2></header>
<div class="tm-gallery-container tm-gallery-1">
<div class="tm-img-container tm-img-container-1">
<a href="img/1.jpg"><img src="img/1.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
<div class="tm-img-container tm-img-container-1">
<a href="img/2.jpg"><img src="img/2.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
<div class="tm-img-container tm-img-container-1">
<a href="img/3.jpg"><img src="img/3.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
<div class="tm-img-container tm-img-container-1">
<a href="img/4.jpg"><img src="img/4.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
<div class="tm-img-container tm-img-container-1">
<a href="img/5.jpg"><img src="img/5.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
<div class="tm-img-container tm-img-container-1">
<a href="img/6.jpg"><img src="img/6.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
<div class="tm-img-container tm-img-container-1">
<a href="img/7.jpg"><img src="img/7.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
<div class="tm-img-container tm-img-container-1">
<a href="img/8.jpg"><img src="img/8.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
<div class="tm-img-container tm-img-container-1">
<a href="img/9.jpg"><img src="img/9.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
<div class="tm-img-container tm-img-container-1">
<a href="img/10.jpg"><img src="img/10.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
</div>
</section>
<section id="secondgallery" class="tm-section">
<header><h2 class="tm-blue-text tm-section-title tm-margin-b-30">Задачи</h2></header>
<p>
текст
</p>
</section>
<!-- форма обратной связи -->
<section id="contact" class="tm-section">
<header><h2 class="tm-blue-text tm-section-title tm-margin-b-30">Обратная связь</h2></header>
<div class="row">
<div class="col-lg-6">
<form action="#contact" method="post" class="contact-form">
<div class="form-group">
<input type="text" id="contact_name" name="contact_name" class="form-control" placeholder="Имя" required/>
</div>
<div class="form-group">
<input type="email" id="contact_email" name="contact_email" class="form-control" placeholder="E-mail" required/>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="9" placeholder="Сообщение" required></textarea>
</div>
<button type="submit" class="float-right tm-button">Отправить</button>
</form>
</div>
<div class="col-lg-6 tm-contact-right">
<p>
Вы можете связаться по любым вопроса и предложениям через форму обратной связи. Спасибо.
</p>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.singlePageNav.min.js"></script>
<script>
$(document).ready(function(){
// Single page nav
$('.tm-main-nav').singlePageNav({
'currentClass' : "active",
offset : 20
});
// Magnific pop up
$('.tm-gallery-1').magnificPopup({
delegate: 'a', // child items selector, by clicking on it popup will open
type: 'image',
gallery: {enabled:true}
// other options
});
$('.tm-gallery-2').magnificPopup({
delegate: 'a', // child items selector, by clicking on it popup will open
type: 'image',
gallery: {enabled:true}
// other options
});
$('.tm-gallery-3').magnificPopup({
delegate: 'a', // child items selector, by clicking on it popup will open
type: 'image',
gallery: {enabled:true}
// other options
});
$('.tm-current-year').text(new Date().getFullYear());