» »

Сайт визитка для uCoz одностраничный


Сайт визитка для uCoz одностраничный

Просто понравился как сделан этот сайт и только на одной страницы. А здесь значит много ума не нужно и по установке и вести его. Для чего они вообще нужны, но здесь можно сказать как портфолио или другие темы, для которых пространства нужно небольшое и будет несколько прямых запросов на его. Если вам нужно поставить системный код, то просто делаем - создаем страницу и на нем они работать будут.

Скачиваете архив и папку sayt-vizitka загружаете в свой файловый менеджер.

Шаблон одностоничной визитки:
Код
<!doctype html>  
<html>  
<head>  
<meta charset="UTF-8">  
<title>Название Вашего проекта</title>  
<meta name="viewport" content="width=device-width, initial-scale=1">  
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900' rel='stylesheet' type='text/css'>  
<link rel="stylesheet" href="/sayt-vizitka/css/style.css">  
<script src="/sayt-vizitka/js/modernizr.js"></script>  
<script type="text/javascript" src="http://s5.ucoz.net/src/jquery-1.7.2.js"></script>  
</head>  
<body>  

<main>  
<div class="cd-image-block">  
<ul class="cd-images-list">  
<li class="is-selected">  
<a href="#0">  
<h2>Название 1 контейнера</h2>  
</a>  
</li>  
<li>  
<a href="#0">  
<h2>Название 2 контейнера</h2>  
</a>  
</li>  
<li>  
<a href="#0">  
<h2>Название 3 контейнера</h2>  
</a>  
</li>  
<li>  
<a href="#0">  
<h2>Название 4 контейнера</h2>  
</a>  
</li>  
</ul>  
</div>  

<div class="cd-content-block">  
<ul>  
<li class="is-selected">  
<div>  
Содержимое 1 контейнера  
</div>  
</li>  

<li>  
<div>  
Содержимое 2 контейнера  
</div>  
</li>  

<li>  
<div>  
Содержимое 3 контейнера  
</div>  
</li>  
<li>  

<div>  
Содержимое 4 контейнера  
</div>  
</li>  
</ul>  
<button class="cd-close">Закрыть</button>  
</div>  

<ul class="block-navigation">  
<li><button class="cd-prev inactive">← Назад</button></li>  
<li><button class="cd-next">Вперед →</button></li>  
</ul>  

</main>  
<script src="/sayt-vizitka/js/main.js"></script>  
</body>  
</html>


Источник: Codyhouse.co
30.10.2015 Загрузок: 5 Просмотров: 1138 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
Canon
Canon 30.10.2015 22:461
0
Kosnen, ссылку скачать в ЛС скинул, пропиши ее, то только пользователю можно с другого файлового менеджера загружать.
Kosten
Kosten 30.10.2015 22:512
0
Canon, залил файл, теперь можно скачать.
AnTron
AnTron 31.10.2015 00:353
0
Сейчас нормальный одностраничный шаблон трудно найти. Но этот смотрю хорошо сделан и все как нужно.
Kosten
Kosten 31.10.2015 00:394
0
AnTron, не понимаю для чего делать, ладно там что то как свое портфолио, будет отлично, так как слайдер и под каждое изображение описание, вообщем услуги будут отлично на таком формате.
Kosten
Kosten 31.10.2015 02:425
0
Но когда не совсем понятно, для вас AnTron все шикарно, не первый паз замечено.)
avatar