Шаблон одностраничного сайта-визитки для uCoz
827материалов
228тем на форуме
3004комментария
6159пользователей

Шаблон одностраничного сайта-визитки для uCoz


Описание:

Для тех кто не хочет тратить время на изучение основ HTML, предлагаю воспользоваться готовыми бесплатным шаблоном одностраничного сайта-визитки. Данные шаблоны удобно использовать именно для сайтов-визиток, в случае если сайт носит информативный характер, т.е. если Вам нужно заявить о себе в сети интернет. Для начала шаблон подготовлен для четырех контейнеров, но можно создать не ограниченное количество. Данный шаблон полностью адаптивен под все мобильные телефоны, смартфоны, iPhone, таблеты и т.д.

Установка:

Скачиваете архив с нашего сайта и папку 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>

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Шаблон опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о шаблоне:
Дата добавления материала: 23.05.2016 в 12:00
Материал просмотрен: 5887 раз
Категория материала: Шаблоны для uCoz
К материалу оставлено: 5 комментариев

Пожаловаться
Сказать спасибо
Источник

5 комментариев


avatar
Это хорошо. Жаль что системные коды использовать нельзя
Ромчик
В смысле нельзя? Ее можно вставить как в статическую (HTML) страницу, так и в созданную Вами страницу, где и будут работать системные коды
avatar
а можно ли увеличить количество контейнеров? четыре всего))) скрипт очень понравился
Ромчик
Конечно можно)
avatar
Каким образом? Не нашел в коде. Я так понимаю добавление в основной код контейнеров не приведет к результату?
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта