Skip to content

Instantly share code, notes, and snippets.

@akaspin

akaspin/base.html

Created April 21, 2010 23:25
Show Gist options
  • Save akaspin/374570 to your computer and use it in GitHub Desktop.
Save akaspin/374570 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
base.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Календарь удачных покупок</title>
<link rel="stylesheet" href="/common.css" type="text/css" />
</head>
<body>
{:! Start header }
<div class="bucket w-95 top-2em bottom-2em" id="header">
<div class="chunk span-12">
<div class="logo"><a href="/"><img alt="" src="/common/logo.gif" /></a></div>
<!--<div id="nav" class="sans">
<a href="#" id="switcher" class="underline-dash">Выбрать линию</a><a href="#"><img alt="" src="images/common/down.gif" style="padding: .2em;"/></a>
<a href="/about" class="underline-solid">Рекламодателям</a>
<img src="images/common/z.gif" alt="" height="52"/>
</div>
--></div>
</div>
{:! End header }
<div class="bucket align-center">
<img src="/title.jpg" alt="" />
</div>
<div class="bucket w-95">
<div class="chunk span-3">
<h2 class="bottom-05em">Естественность</h2>
<p class="bottom-05em italic">Купив платье — узнаёшь о туфлях</p>
<p>У нас в одном календаре не найти конкурентов.
Только дополняющие друг–друга товары и услуги.</p>
</div>
<div class="chunk span-3">
<h2 class="bottom-05em">Удобство</h2>
<p class="bottom-05em italic">Один стул — один человек</p>
<p class="bottom-05em">У нас все очень просто:</p>
<p class="bottom-05em">Стандартный модуль 7 500 руб.</p>
<p class="bottom-05em">Строчка в «Полезных телефонах» 750 руб.</p>
<p class="italic">Возможна оплата по схеме 65% + 35%</p>
</div>
<div class="chunk span-3">
<h2 class="bottom-05em">Выбор</h2>
<p class="bottom-05em italic">Именно то — что искали</p>
<p class="bottom-05em">У нас несколько основных линий:</p>
<p class="bottom-05em">Для женщин<br />Для мужчин<br />Для детей</p>
<p class="bottom-05em bold">И спец-проекты:</p>
<p>Для будущих мам<br />
Для молодоженов<br />
Для выпускников<br />
Для экстремалов.</p>
</div>
<div class="chunk span-3 last">
<h2 class="bottom-05em">Польза</h2>
<p class="bottom-05em italic">Всегда в курсе — что, где и когда</p>
<p class="bottom-05em">Скидки, даты распродаж и новых поступлений,
режим работы и прочее на три месяца.</p>
<p>Календарь будет с вашими клиентами
все это время.</p>
</div>
</div>
<div class="bucket w-95">
<div class="chunk span-3">
<h2 class="bottom-05em">Естественность</h2>
<p class="bottom-05em italic">Купив платье — узнаёшь о туфлях</p>
<p>У нас в одном календаре не найти конкурентов.
Только дополняющие друг–друга товары и услуги.</p>
</div>
<div class="chunk span-3">
<h2 class="bottom-05em">Удобство</h2>
<p class="bottom-05em italic">Один стул — один человек</p>
<p class="bottom-05em">У нас все очень просто:</p>
<p class="bottom-05em">Стандартный модуль 7 500 руб.</p>
<p class="bottom-05em">Строчка в «Полезных телефонах» 750 руб.</p>
<p class="italic">Возможна оплата по схеме 65% + 35%</p>
</div>
<div class="chunk span-3">
<h2 class="bottom-05em">Выбор</h2>
<p class="bottom-05em italic">Именно то — что искали</p>
<p class="bottom-05em">У нас несколько основных линий:</p>
<p class="bottom-05em">Для женщин<br />Для мужчин<br />Для детей</p>
<p class="bottom-05em bold">И спец-проекты:</p>
<p>Для будущих мам<br />
Для молодоженов<br />
Для выпускников<br />
Для экстремалов.</p>
</div>
<div class="chunk span-3 last">
<h2 class="bottom-05em">Польза</h2>
<p class="bottom-05em italic">Всегда в курсе — что, где и когда</p>
<p class="bottom-05em">Скидки, даты распродаж и новых поступлений,
режим работы и прочее на три месяца.</p>
<p>Календарь будет с вашими клиентами
все это время.</p>
</div>
</div>
<div class="bucket w-95">
<div class="chunk span-3">
<h2 class="bottom-05em">Естественность</h2>
<p class="bottom-05em italic">Купив платье — узнаёшь о туфлях</p>
<p>У нас в одном календаре не найти конкурентов.
Только дополняющие друг–друга товары и услуги.</p>
</div>
<div class="chunk span-3">
<h2 class="bottom-05em">Удобство</h2>
<p class="bottom-05em italic">Один стул — один человек</p>
<p class="bottom-05em">У нас все очень просто:</p>
<p class="bottom-05em">Стандартный модуль 7 500 руб.</p>
<p class="bottom-05em">Строчка в «Полезных телефонах» 750 руб.</p>
<p class="italic">Возможна оплата по схеме 65% + 35%</p>
</div>
<div class="chunk span-3">
<h2 class="bottom-05em">Выбор</h2>
<p class="bottom-05em italic">Именно то — что искали</p>
<p class="bottom-05em">У нас несколько основных линий:</p>
<p class="bottom-05em">Для женщин<br />Для мужчин<br />Для детей</p>
<p class="bottom-05em bold">И спец-проекты:</p>
<p>Для будущих мам<br />
Для молодоженов<br />
Для выпускников<br />
Для экстремалов.</p>
</div>
<div class="chunk span-3 last">
<h2 class="bottom-05em">Польза</h2>
<p class="bottom-05em italic">Всегда в курсе — что, где и когда</p>
<p class="bottom-05em">Скидки, даты распродаж и новых поступлений,
режим работы и прочее на три месяца.</p>
<p>Календарь будет с вашими клиентами
все это время.</p>
</div>
</div>
<div class="bucket w-95 top-1em">
<div class="chunk skip-3 span-3">
<h2 class="bottom-05em">Результат</h2>
<p class="bottom-05em italic">Для тех кто хочет покупать</p>
<p>Наша целевая аудитория — жители Екатеринбурга
в возрасте 20–65 лет с высокой покупательской способностью.</p>
</div>
<div class="chunk span-3">
<h2 class="bottom-05em">&nbsp;</h2>
<p class="bottom-05em">7 х 10 см в сложенном виде<br />
42 х 10 см в развёрнутом виде<br />
полноцветная печать, глянец</p>
<p>10 стандартных модулей (7 х 10 см)<br />
10 строчек в «Полезных телефонах»</p>
</div>
<div class="chunk span-3 last">
<h2 class="bottom-05em">&nbsp;</h2>
<p class="bottom-05em">Сроки действия: 3 месяца</p>
<p class="bottom-05em">Тираж: 5000 экземпляров</p>
<p class="bottom-05em">Споcоб распространения: равными частями через
участников КУП, посредством выдачи клиентам во время покупки
товара или услуги</p>
</div>
</div>
{:! Start footer }
<div class="bucket w-95 top-2em bottom-1em">
<div class="chunk skip-6 span-6 last"><img alt="" src="/common/logo-footer.gif" /></div>
</div>
<div class="bucket w-95 bottom-2em">
<div class="chunk span-3 skip-3">
<p class="sans tiny">(c) 2010 Календарь удачных покупок</p>
</div>
<div class="chunk span-6 last">
<p class="sans tiny">Звоните:</p>
<p class="sans">
+7 912 660-56-97<br />
+7 922 226-26-82</p>
<p class="sans tiny">Пишите: <a href="mailto:info@cup-shopping.com">info@cup-shopping.com</a></p>
</div>
</div>
{:! End footer }
</body>
</html>
Raw
out.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Календарь удачных покупок</title>
<link rel="stylesheet" href="/common.css" type="text/css" />
</head>
<body>
{:! Start header }
<div class="bucket w-95 top-2em bottom-2em" id="header">
<div class="chunk span-12">
<div class="logo"><a href="/"><img alt="" src="/common/logo.gif" /></a></div>
<!--<div id="nav" class="sans">
<a href="#" id="switcher" class="underline-dash">Выбрать линию</a><a href="#"><img alt="" src="images/common/down.gif" style="padding: .2em;"/></a>
<a href="/about" class="underline-solid">Рекламодателям</a>
<img src="images/common/z.gif" alt="" height="52"/>
</div>
--></div>
</div>
{:! End header }
<div class="bucket align-center">
<img src="/title.jpg" alt="" />
</div>
<div class="bucket w-95">
<div class="chunk span-3">
<h2 class="bottom-05em">Естественность</h2>
<p class="bottom-05em italic">Купив платье — узнаёшь о туфлях</p>
<p>У нас в одном календаре не найти конкурентов.
Только дополняющие друг–друга товары и услуги.</p>
</div>
<div class="chunk span-3">
<h2 class="bottom-05em">Удобство</h2>
<p class="bottom-05em italic">Один стул — один человек</p>
<p class="bottom-05em">У нас все очень просто:</p>
<p class="bottom-05em">Стандартный модуль 7 500 руб.</p>
<p class="bottom-05em">Строчка в «Полезных телефонах» 750 руб.</p>
<p class="italic">Возможна оплата по схеме 65% + 35%</p>
</div>
<div class="chunk span-3">
<h2 class="bottom-05em">Выбор</h2>
<p class="bottom-05em italic">Именно то — что искали</p>
<p class="bottom-05em">У нас несколько основных линий:</p>
<p class="bottom-05em">Для женщин<br />Для мужчин<br />Для детей</p>
<p class="bottom-05em bold">И спец-проекты:</p>
<p>Для будущих мам<br />
Для молодоженов<br />
Для выпускников<br />
Для экстремалов.</p>
</div>
<div class="chunk span-3 last">
<h2 class="bottom-05em">Польза</h2>
<p class="bottom-05em italic">Всегда в курсе — что, где и когда</p>
<p class="bottom-05em">Скидки, даты распродаж и новых поступлений,
режим работы и прочее на три месяца.</p>
<p>Календарь будет с вашими клиентами
все это время.</p>
</div>
</div>
<div class="bucket w-95">
<div class="chunk span-3">
<h2 class="bottom-05em">Естественность</h2>
<p class="bottom-05em italic">Купив платье — узнаёшь о туфлях</p>
<p>У нас в одном календаре не найти конкурентов.
Только дополняющие друг–друга товары и услуги.</p>
</div>
<div class="chunk span-3">
<h2 class="bottom-05em">Удобство</h2>
<p class="bottom-05em italic">Один стул — один человек</p>
<p class="bottom-05em">У нас все очень просто:</p>
<p class="bottom-05em">Стандартный модуль 7 500 руб.</p>
<p class="bottom-05em">Строчка в «По��езных телефонах» 750 руб.</p>
<p class="italic">Возможна оплата по схеме 65% + 35%</p>
</div>
<div class="chunk span-3">
<h2 class="bottom-05em">Выбор</h2>
<p class="bottom-05em italic">Именно то — что искали</p>
<p class="bottom-05em">У нас несколько основных линий:</p>
<p class="bottom-05em">Для женщин<br />Для мужчин<br />Для детей</p>
<p class="bottom-05em bold">И спец-проекты:</p>
<p>Для будущих мам<br />
Для молодоженов<br />
Для выпускников<br />
Для экстремалов.</p>
</div>
<div class="chunk span-3 last">
<h2 class="bottom-05em">Польза</h2>
<p class="bottom-05em italic">Всегда в курсе — что, где и когда</p>
<p class="bottom-05em">Скидки, даты распродаж и новых поступлений,
режим работы и прочее на три месяца.</p>
<p>Календарь будет с вашими клиентами
все это время.</p>
</div>
</div>
<div class="bucket w-95">
<div class="chunk span-3">
<h2 class="bottom-05em">Естественность</h2>
<p class="bottom-05em italic">Купив платье — узнаёшь о туфлях</p>
<p>У нас в одном календаре не найти конкурентов.
Только дополняющие друг–друга товары и услуги.</p>
</div>
<div class="chunk span-3">
<h2 class="bottom-05em">Удобство</h2>
<p class="bottom-05em italic">Один стул — один человек</p>
<p class="bottom-05em">У нас все очень просто:</p>
<p class="bottom-05em">Стандартный модуль 7 500 руб.</p>
<p class="bottom-05em">Строчка в «Полезных телефонах» 750 руб.</p>
<p class="italic">Возможна оплата по схеме 65% + 35%</p>
</div>
<div class="chunk span-3">
<h2 class="bottom-05em">Выбор</h2>
<p class="bottom-05em italic">Именно то — что искали</p>
<p class="bottom-05em">У нас несколько основных линий:</p>
<p class="bottom-05em">Для женщин<br />Для мужчин<br />Для детей</p>
<p class="bottom-05em bold">И спец-проекты:</p>
<p>Для будущих мам<br />
Для молодоженов<br />
Для выпускников<br />
Для экстремалов.</p>
</div>
<div class="chunk span-3 last">
<h2 class="bottom-05em">Польза</h2>
<p class="bottom-05em italic">Всегда в курсе — что, где и когда</p>
<p class="bottom-05em">Скидки, даты распродаж и новых поступлений,
режим работы и прочее на три месяца.</p>
<p>Календарь будет с вашими клиентами
все это время.</p>
</div>
</div>
<div class="bucket w-95 top-1em">
<div class="chunk skip-3 span-3">
<h2 class="bottom-05em">Результат</h2>
<p class="bottom-05em italic">Для тех кто хочет покупать</p>
<p>Наша целевая аудитория — жители Екатеринбурга
в возрасте 20–65 лет с высокой покупательской способностью.</p>
</div>
<div class="chunk span-3">
<h2 class="bottom-05em">&nbsp;</h2>
<p class="bottom-05em">7 х 10 см в сложенном в��де<br />
42 х 10 см в развёрнутом виде<br />
полноцветная печать, глянец</p>
<p>10 стандартных модулей (7 х 10 см)<br />
10 строчек в «Полезных телефонах»</p>
</div>
<div class="chunk span-3 last">
<h2 class="bottom-05em">&nbsp;</h2>
<p class="bottom-05em">Сроки действия: 3 месяца</p>
<p class="bottom-05em">Тираж: 5000 экземпляров</p>
<p class="bottom-05em">Споcоб распространения: равными частями через
участников КУП, посредством выдачи клиентам во время покупки
товара или услуги</p>
</div>
</div>
{:! Start footer }
<div class="bucket w-95 top-2em bottom-1em">
<div class="chunk skip-6 span-6 last"><img alt="" src="/common/logo-footer.gif" /></div>
</div>
<div class="bucket w-95 bottom-2em">
<div class="chunk span-3 skip-3">
<p class="sans tiny">(c) 2010 Календарь удачных покупок</p>
</div>
<div class="chunk span-6 last">
<p class="sans tiny">Звоните:</p>
<p class="sans">
+7 912 660-56-97<br />
+7 922 226-26-82</p>
<p class="sans tiny">Пишите: <a href="mailto:info@cup-shopping.com">info@cup-shopping.com</a></p>
</div>
</div>
{:! End footer }
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment