Код 2-рой страницы(Фото редакция)
<!DOCTYPE html>
<html lang="en">
<head>
<title>Создание сайтов,фото-редакция,видео-монтаж</title>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- Google Fonts -->
<link href='https://fonts.googleapis.com/css?family=Arimo&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Noto+Serif&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/stroke-gap-icons.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/pe-icon-7-stroke.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/elegant-icons.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/animate.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/slider.css">
<link rel="stylesheet" href="vvvv.html">
<link rel="stylesheet" href="BBBB.html">
</head>
<body>
<!-- Preloader -->
<div id="preloader">
<div id="status"> </div>
</div>
<header>
<!-- Navbar -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<nav class="navigation">
<div class="container">
|
|
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Открытьменю</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Logo -->
<div class="logo">
<a href="index.html">
N&A Corporati<i>on</i>
</a>
</div>
</div><!-- end navbar-header -->
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="BBBB.html"></a></li>
<li class="active">
<a href="index.html">Фоторедакция</a>
</li>
<li>
<a href="vvvv.html">Видеомонтаж</a>
</li>
<li>
<a href=""></a>
</li>
</li>
<li>
</li>
<li>
<div id="search">
</div>
<div class="search-bar">
<div class="search-wrap">
<form role="form">
<div class="form-group">
<input type="search" class="form-control searchbox" placeholder="Search">
</div>
<button type="submit" class="search-button"><i class="pe-7s-search"></i></button>
</form>
</div>
</div>
</li>
</ul><!-- end menu -->
</div><!-- end collapse -->
</div><!-- end container -->
</nav><!-- end navigation -->
</nav><!-- End Navbar -->
</header>
<div class="main-wrapper">
<section class="cd-slider-wrapper">
|
|
<ul class="cd-slider">
<li class="visible">
<div>
<h2>Фото редакция</h2>
<p></p>
</div>
</li>
<li>
<div>
<h2>Создание сайтов</h2>
<p>Слово "сайт" обозначает место в сети Интернет, где хранятся электронные документы различного формата, объединенные одним доменным именем или IP-адресом.</p>
</div>
</li>
<li>
<div>
<h2>Фото редакция</h2>
</div>
</li>
<li>
<div>
<h2>Видео монтаж</h2>
</div>
</li>
</ul><!-- .cd-slider -->
<ol class="cd-slider-navigation">
<li class="selected"><a href="#0"><em>Слайд#1</em></a></li>
<li><a href="#0"><em>Слайд#2</em></a></li>
<li><a href="#0"><em>Слайд#3</em></a></li>
<li><a href="#0"><em>Слайд#4</em></a></li>
</ol><!-- .cd-slider-navigation -->
<div class="cd-svg-cover" data-step1="M1402,800h-2V0.6c0-0.3,0-0.3,0-0.6h2v294V800z" data-step2="M1400,800H383L770.7,0.6c0.2-0.3,0.5-0.6,0.9-0.6H1400v294V800z" data-step3="M1400,800H0V0.6C0,0.4,0,0.3,0,0h1400v294V800z" data-step4="M615,800H0V0.6C0,0.4,0,0.3,0,0h615L393,312L615,800z" data-step5="M0,800h-2V0.6C-2,0.4-2,0.3-2,0h2v312V800z" data-step6="M-2,800h2L0,0.6C0,0.3,0,0.3,0,0l-2,0v294V800z" data-step7="M0,800h1017L629.3,0.6c-0.2-0.3-0.5-0.6-0.9-0.6L0,0l0,294L0,800z" data-step8="M0,800h1400V0.6c0-0.2,0-0.3,0-0.6L0,0l0,294L0,800z" data-step9="M785,800h615V0.6c0-0.2,0-0.3,0-0.6L785,0l222,312L785,800z" data-step10="M1400,800h2V0.6c0-0.2,0-0.3,0-0.6l-2,0v312V800z">
|
|
<svg height='100%' preserveAspectRatio="none" viewBox="0 0 1400 800">
<title>World Information</title>
<desc>адаптивный CSS шаблон</desc>
<path id="cd-changing-path" d="M1402,800h-2V0.6c0-0.3,0-0.3,0-0.6h2v294V800z"/>
</svg>
</div><!-- .cd-svg-cover -->
</section><!-- .cd-slider-wrapper -->
<!-- Our Services -->
<section class="section-wrap services">
<h2 class="text-center">Фоторедакция</h2>
<div class="container">
<div class="editor-features editor-crop">
<div class="container">
<h2><span class="icon-features-crop"></span>Обрезка, поворотиизменениеразмера</h2>
<h7>Самыми востребованными в фоторедактировании являются такие базовые операции, как обрезка и поворот изображений. Поэтому мы создали интуитивно понятные и быстрые инструменты для выполнения этих действий.</h7>
<h7>С помощью функции «Поворот» вы можете вращать изображение на 90 градусов вправо и влево, отразить картинку по вертикали или горизонтали и выровнять горизонт. Все операции осуществляются легко и быстро. Чтобы кадрировать (или обрезать) фото, достаточно выбрать область обрезки. При сохранении обработанной фотографии вы можете выбрать расширение (.jpg или .png), качество и размер файла.
</h7>
|
|
<img src="upload/123.png" alt="core-features-img">
</div>
</div>
<h2><span class="icon-features-enhance"></span>Коррекцияизображения</h2>
<h7>Используйте инструмент «Экспозиция» для регулировки яркости и контраста, коррекции теней и светлых участков фотографии. Вы также можете изменить цветовой тон, насыщенность и температуру. Инструмент «Резкость» позволяет увеличить резкость изображения в тех случаях, когда это необходимо. Меняя настройки каждого инструмента, вы будуте видеть происходящие изменения в режиме реального времени.</h7>
<img src="upload/27643.png" alt="core-features-img">
</div>
<div class="editor-features editor-frames">
<div class="container">
<h2><span class="icon-features-frames"></span>Фоторамки, стикерыитекст</h2>
<h7>С фоторедактором вы сможете с легкостью создать веселые и модные картинки, используя забавные стикеры, стильные фоторамки и красивые текстовые подписи.</h7>
<img src="upload/45764.png" alt="core-features-img">
</div>
</div>
</div>
<div class="editor-features editor-effects">
<div class="container">
<h2><span class="icon-features-effects"></span>Фотоэффектыифотофильтры</h2>
<h7>Трудно представить мир фотографии без возможности превратить фото из цветного в черно-белое, обработать его фильтром сепия или сделать виньетирование. Для творческой обработки у нас также есть эффект пикселизации.</h7>
<h7>Создавайте винтажные фотографии с помощью эффекта ретро, используйте Tilt-Shift эффект, чтобы превратить пейзажные снимки в «игрушечные» или же акцентируйте внимание зрителя на центральной области изображения с помощью эффекта виньетирования.</h7>
<img src="upload/6765767.png" alt="core-features-img">
</div>
<a href="http://funny.pho.to/ru/">Сайт-pho.to<a/>
</div><!-- end entry -->
</div><!-- end footer posts -->
</div><!-- end latest posts -->
</div><!-- end row -->
</div><!-- end footer widgets -->
</div><!-- end container -->
<div class="bottom-footer">
<div class="container">
<div class="row">
<div class="col-xs-12 text-center">
<div class="copyright">
© 2018 N&A Corporation <a href=</a>
</div>
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end bottom footer -->
</footer><!-- end footer -->
<div id="back-to-top">
<a href="#top"><i class="fa fa-angle-up">Вверх</i></a>
</div>
</div><!-- end main-wrapper -->
<!-- jQuery Scripts -->
<script src="js/jquery.min.js"></script>
<script src="js/snap.svg-min.js"></script>
<script src="js/main.js"></script><!-- Resource jQuery -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.countTo.js"></script>
<script type="text/javascript" src="js/jquery.appear.js"></script>
<script type="text/javascript" src="js/plugins-scroll.js"></script>
<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/wow.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/scripts.js"></script>
</body>
</html>
Страница №3(Видео монтаж)
Рисунок №1
Рисунок №2
Рисунок №3
Рисунок №4
Дата добавления: 2018-06-27; просмотров: 286; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!