Код 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">&nbsp;</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; Мы поможем в написании вашей работы!

Поделиться с друзьями:






Мы поможем в написании ваших работ!