Файл: page.xhtml
Строк: 700
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml; charset=UTF-8" />
<meta name="author" content="mas.wen.ru" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>LokdoK</title>
</head>
<body>
<div class="logo">
<a href="index.xhtml#"><img src="images/logo.png" alt="" /></a>
</div>
<div class="head">
Привет, LokdoK :))
</div>
<table style="width: 100%">
<tr>
<td class='table' style="width: 25%"><a href="page.xhtml"><span class="icon icon-sign-in2"></span></a></td>
<td class='table' style="width: 25%"><a href="page.xhtml"><span class="icon icon-search"></span></a></td>
<td class='table' style="width: 25%"><a href="page.xhtml"><span class="icon icon-sitemap"></span></a></td>
<td class='table' style="width: 25%"><a href="page.xhtml"><span class="icon icon-vk"></span></a></td>
</tr>
</table>
<div class="title">Тестовая страница</div>
<a class="link" href="images/logo.png"><img class="perv_scr" src="images/logo.png" alt="" /> Скачать (0kb)</a>
<a class="link" href="images/logo.png"><img class="perv_scr" src="images/logo.png" alt="" /> Скачать (0kb)</a>
<a class="link" href="images/logo.png"><img class="perv_scr" src="images/logo.png" alt="" /> Скачать (0kb)</a>
<a class="link" href="images/logo.png"><img class="perv_scr" src="images/logo.png" alt="" /> Скачать (0kb)</a>
<a class="link" href="images/logo.png"><img class="perv_scr" src="images/logo.png" alt="" /> Скачать (0kb)</a>
<a class="link" href="images/logo.png"><img class="perv_scr" src="images/.png" alt="" /> Если долго грузит картинку</a>
<div class="blok">
<span class="icon icon-bookmark"></span>Бесплатный touch шаблон wap pda в зелёных тонах иконки в спрайте минимум графики рекламные ссылки затенены и прокручиваются чтоб особо не раздражали css xhtml простые и максимально понятные.
Ссылка назад скрипт history back , диз резиновый и подойдёт к любой тематики всплывающие подсказки если не нужно можно убрать ВНИМАНИЕ: с Opera-Mini и в старых моделях телефонов возможно расплытие теней нечитает градиент нет скругление углов промежуток (щели) между ссылок вобщем то и всё.) Заходите к нам на сайт по чаще
если понравился или скачали диз нажимайте поделиться в соц сетях следите за обновлениями :)) Всем Добра
Диз создан 23:49 20.11.2014 © Design by LokdoK <span class="icon icon-bug"></span>
</div>
<div class="title">Спрайты</div>
<style>
}
header {
background: #F1F1F1;
}
p {
margin: 1em 0;
}
h1 {
font-size: 1.5em;
font-weight: normal;
margin: 1em 0 .75em;
color: #999;
box-shadow: 0 1px #ddd, 0 2px #fff, 0 3px #ddd;
}
.mhl {
margin-left: 1.5em;
margin-right: 1.5em;
}
.cell {
float: left;
margin-right: 1.5em;
margin-bottom: .25em;
width: 17em;
overflow: hidden;
}
.cell span {
margin-right: .25em;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.fs1 {
font-size: 13px;
}
.fs2 {
font-size: 13px;
}
.fs3 {
font-size: 13px;
}
</style>
<div class="blok">
<div class="clearfix mhl">
<h1>Grid Size: 14</h1>
<div class="cell fs1">
<span class="icon icon-user"></span>
icon-user
</div>
<div class="cell fs1">
<span class="icon icon-home"></span>
icon-home
</div>
<div class="cell fs1">
<span class="icon icon-check-square-o"></span>
icon-check-square-o
</div>
<div class="cell fs1">
<span class="icon icon-check-circle"></span>
icon-check-circle
</div>
<div class="cell fs1">
<span class="icon icon-comment"></span>
icon-comment
</div>
<div class="cell fs1">
<span class="icon icon-sign-in"></span>
icon-sign-in
</div>
<div class="cell fs1">
<span class="icon icon-arrow-circle-right"></span>
icon-arrow-circle-right
</div>
<div class="cell fs1">
<span class="icon icon-wrench"></span>
icon-wrench
</div>
<div class="cell fs1">
<span class="icon icon-sitemap"></span>
icon-sitemap
</div>
<div class="cell fs1">
<span class="icon icon-gamepad"></span>
icon-gamepad
</div>
<div class="cell fs1">
<span class="icon icon-chevron-circle-right"></span>
icon-chevron-circle-right
</div>
<div class="cell fs1">
<span class="icon icon-play-circle"></span>
icon-play-circle
</div>
<div class="cell fs1">
<span class="icon icon-check-square"></span>
icon-check-square
</div>
<div class="cell fs1">
<span class="icon icon-pencil-square"></span>
icon-pencil-square
</div>
<div class="cell fs1">
<span class="icon icon-youtube-square"></span>
icon-youtube-square
</div>
<div class="cell fs1">
<span class="icon icon-youtube-play"></span>
icon-youtube-play
</div>
<div class="cell fs1">
<span class="icon icon-windows"></span>
icon-windows
</div>
<div class="cell fs1">
<span class="icon icon-foursquare"></span>
icon-foursquare
</div>
<div class="cell fs1">
<span class="icon icon-envelope-square"></span>
icon-envelope-square
</div>
<div class="cell fs1">
<span class="icon icon-paw"></span>
icon-paw
</div>
</div>
<div class="clearfix mhl">
<h1>Grid Size: 16</h1>
<div class="cell fs2">
<span class="icon icon-book"></span>
icon-book
</div>
<div class="cell fs2">
<span class="icon icon-bookmark"></span>
icon-bookmark
</div>
<div class="cell fs2">
<span class="icon icon-bug"></span>
icon-bug
</div>
<div class="cell fs2">
<span class="icon icon-check"></span>
icon-check
</div>
<div class="cell fs2">
<span class="icon icon-checklist"></span>
icon-checklist
</div>
<div class="cell fs2">
<span class="icon icon-chevron-right"></span>
icon-chevron-right
</div>
<div class="cell fs2">
<span class="icon icon-comment2"></span>
icon-comment2
</div>
<div class="cell fs2">
<span class="icon icon-comment-discussion"></span>
icon-comment-discussion
</div>
<div class="cell fs2">
<span class="icon icon-device-mobile"></span>
icon-device-mobile
</div>
<div class="cell fs2">
<span class="icon icon-eye"></span>
icon-eye
</div>
<div class="cell fs2">
<span class="icon icon-file-directory"></span>
icon-file-directory
</div>
<div class="cell fs2">
<span class="icon icon-file-media"></span>
icon-file-media
</div>
<div class="cell fs2">
<span class="icon icon-file-symlink-directory"></span>
icon-file-symlink-directory
</div>
<div class="cell fs2">
<span class="icon icon-flame"></span>
icon-flame
</div>
<div class="cell fs2">
<span class="icon icon-gift"></span>
icon-gift
</div>
<div class="cell fs2">
<span class="icon icon-heart"></span>
icon-heart
</div>
<div class="cell fs2">
<span class="icon icon-home2"></span>
icon-home2
</div>
<div class="cell fs2">
<span class="icon icon-list-unordered"></span>
icon-list-unordered
</div>
<div class="cell fs2">
<span class="icon icon-mark-github"></span>
icon-mark-github
</div>
<div class="cell fs2">
<span class="icon icon-organization"></span>
icon-organization
</div>
<div class="cell fs2">
<span class="icon icon-sign-in2"></span>
icon-sign-in2
</div>
<div class="cell fs2">
<span class="icon icon-star"></span>
icon-star
</div>
<div class="cell fs2">
<span class="icon icon-tools"></span>
icon-tools
</div>
<div class="cell fs2">
<span class="icon icon-unmute"></span>
icon-unmute
</div>
<div class="cell fs2">
<span class="icon icon-bullhorn"></span>
icon-bullhorn
</div>
<div class="cell fs2">
<span class="icon icon-book2"></span>
icon-book2
</div>
<div class="cell fs2">
<span class="icon icon-notebook"></span>
icon-notebook
</div>
<div class="cell fs2">
<span class="icon icon-envelope"></span>
icon-envelope
</div>
<div class="cell fs2">
<span class="icon icon-bubble"></span>
icon-bubble
</div>
<div class="cell fs2">
<span class="icon icon-bubbles"></span>
icon-bubbles
</div>
<div class="cell fs2">
<span class="icon icon-bubbles2"></span>
icon-bubbles2
</div>
<div class="cell fs2">
<span class="icon icon-user2"></span>
icon-user2
</div>
<div class="cell fs2">
<span class="icon icon-cog"></span>
icon-cog
</div>
<div class="cell fs2">
<span class="icon icon-cog2"></span>
icon-cog2
</div>
<div class="cell fs2">
<span class="icon icon-menu"></span>
icon-menu
</div>
<div class="cell fs2">
<span class="icon icon-earth"></span>
icon-earth
</div>
<div class="cell fs2">
<span class="icon icon-eye2"></span>
icon-eye2
</div>
<div class="cell fs2">
<span class="icon icon-star2"></span>
icon-star2
</div>
<div class="cell fs2">
<span class="icon icon-heart2"></span>
icon-heart2
</div>
<div class="cell fs2">
<span class="icon icon-happy"></span>
icon-happy
</div>
<div class="cell fs2">
<span class="icon icon-smiley"></span>
icon-smiley
</div>
<div class="cell fs2">
<span class="icon icon-info"></span>
icon-info
</div>
<div class="cell fs2">
<span class="icon icon-checkmark-circle"></span>
icon-checkmark-circle
</div>
<div class="cell fs2">
<span class="icon icon-spam"></span>
icon-spam
</div>
<div class="cell fs2">
<span class="icon icon-exit"></span>
icon-exit
</div>
<div class="cell fs2">
<span class="icon icon-mail"></span>
icon-mail
</div>
<div class="cell fs2">
<span class="icon icon-googleplus"></span>
icon-googleplus
</div>
<div class="cell fs2">
<span class="icon icon-facebook"></span>
icon-facebook
</div>
<div class="cell fs2">
<span class="icon icon-instagram"></span>
icon-instagram
</div>
<div class="cell fs2">
<span class="icon icon-twitter"></span>
icon-twitter
</div>
<div class="cell fs2">
<span class="icon icon-cloud"></span>
icon-cloud
</div>
<div class="cell fs2">
<span class="icon icon-envelope2"></span>
icon-envelope2
</div>
<div class="cell fs2">
<span class="icon icon-chart"></span>
icon-chart
</div>
<div class="cell fs2">
<span class="icon icon-apple"></span>
icon-apple
</div>
<div class="cell fs2">
<span class="icon icon-heart22"></span>
icon-heart22
</div>
<div class="cell fs2">
<span class="icon icon-bookmark2"></span>
icon-bookmark2
</div>
<div class="cell fs2">
<span class="icon icon-mobile"></span>
icon-mobile
</div>
<div class="cell fs2">
<span class="icon icon-tag"></span>
icon-tag
</div>
<div class="cell fs2">
<span class="icon icon-floppy"></span>
icon-floppy
</div>
<div class="cell fs2">
<span class="icon icon-smiley2"></span>
icon-smiley2
</div>
<div class="cell fs2">
<span class="icon icon-shit"></span>
icon-shit
</div>
</div>
<div class="clearfix mhl">
<h1>Grid Size: 20</h1>
<div class="cell fs3">
<span class="icon icon-mobile2"></span>
icon-mobile2
</div>
<div class="cell fs3">
<span class="icon icon-mail2"></span>
icon-mail2
</div>
<div class="cell fs3">
<span class="icon icon-user3"></span>
icon-user3
</div>
<div class="cell fs3">
<span class="icon icon-users"></span>
icon-users
</div>
<div class="cell fs3">
<span class="icon icon-map"></span>
icon-map
</div>
<div class="cell fs3">
<span class="icon icon-heart3"></span>
icon-heart3
</div>
<div class="cell fs3">
<span class="icon icon-chat"></span>
icon-chat
</div>
<div class="cell fs3">
<span class="icon icon-comment3"></span>
icon-comment3
</div>
<div class="cell fs3">
<span class="icon icon-search"></span>
icon-search
</div>
<div class="cell fs3">
<span class="icon icon-camera"></span>
icon-camera
</div>
<div class="cell fs3">
<span class="icon icon-new"></span>
icon-new
</div>
<div class="cell fs3">
<span class="icon icon-newspaper"></span>
icon-newspaper
</div>
<div class="cell fs3">
<span class="icon icon-briefcase"></span>
icon-briefcase
</div>
<div class="cell fs3">
<span class="icon icon-earth2"></span>
icon-earth2
</div>
<div class="cell fs3">
<span class="icon icon-cart"></span>
icon-cart
</div>
<div class="cell fs3">
<span class="icon icon-login"></span>
icon-login
</div>
<div class="cell fs3">
<span class="icon icon-download"></span>
icon-download
</div>
<div class="cell fs3">
<span class="icon icon-disk"></span>
icon-disk
</div>
<div class="cell fs3">
<span class="icon icon-arrow-right"></span>
icon-arrow-right
</div>
<div class="cell fs3">
<span class="icon icon-untitled"></span>
icon-untitled
</div>
<div class="cell fs3">
<span class="icon icon-instagram2"></span>
icon-instagram2
</div>
<div class="cell fs3">
<span class="icon icon-vk"></span>
icon-vk
</div>
</div></div>
<div class="title">Навигация</div>
<table style="width: 100%">
<tr>
<td class='table' style="width: 25%"><a href="#" onclick="history.go(-1);return false;"><span class="icon icon-home"></span></a></td>
<td class='table' style="width: 25%"><a href="page.xhtml"><span class="icon icon-envelope2"></span><span class="kolvo">1</span></a></td>
<td class='table' style="width: 25%"><a href="page.xhtml"><span class="icon icon-bullhorn"></span></a></td>
<td class='table' style="width: 25%"><a href="page.xhtml"><span class="icon icon-windows"></span></a></td>
</tr>
</table>
<div class="foot">
<div class="ban">
<marquee behavior="scroll" direction="up" height = "20px" scrollamount="7">
<a href="http://statmob.ru/go/539"><img src="http://statmob.ru/image/539" alt="STATMOB.RU"/></a><br/>
<a href="http://gigtop.ru/go/2292"><img src="http://gigtop.ru/image/2292" alt="gigtop.ru"/></a><br/>
<a href="http://statok.net/go/6195"><img src="http://statok.net/image/6195" alt="Statok" /></a><br/>
</marquee>
</div>
Online: <a href="#">2</a> / <a href="#">10</a>
</div>
<div class="copy">
© Design by LokdoK<br />
<a href="http://mas.wen.ru" title="Студия WAP Дизайнов"> MAS.WEN.RU</a>
</div>
</body>
</html>