Web Design Blog / Aplikacje:

PM HTML5 Template

Pod tą tajemniczą nazwą kryje się szablonik, od którego można zaczynać pracę z nowym projektem HTML5. Paczkę przygotowałem głównie dla siebie aby nie pisać i nie kopiować z poprzednich projektów podstawowego szablonu z nagłówkiem, stopką etc.

Opcjonalnie można skorzystać z Grid Systemu, który miałem już przyjemność wcześniej wam zaprezentować. Mam nadzieję że szablon ten zaoszczędzi wam parę minut pracy i będzie motywował do tworzenia wspaniałych projektów.

Całość do pobrania tutaj:

PM HTML5 Template

Zawartość pliku index.html:

<!DOCTYPE html>
<html lang="en">
<head>
<title>PM HTML5 Template</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/style.css" rel="stylesheet">
<script src="js/jquery-2.1.4.min.js"></script>
</head>
<body>
<header>
<h1>Welcome!</h1>
</header>
<main>
<p>
PM HTML5 Template - enjoy!
</p>
<p>
Lorem ipsum...
</p>

</main>
<footer>
PM HTML5 Template &copy; 2016 | Free and pure HTML5 Template.
</footer>
</body>
</html>

Zawartość pliku css/styles.css:

/*

PM HTML5 Template

*/

@import url("reset.css");

body {
background:#fff;
color:#555;
font-family:Open Sans, sans-serif;
margin:12px;
font-size:16px;
}

header, main, footer, p{
margin:12px 0;
}

h1{
font-weight:bold;
}

footer{
font-size:12px;
}

Zawartość pliku css/reset.css:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ul {
list-style: none;
}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
PM HTML5 Template
4.6 (91%) głosów: 20

Autor: (29 lat)

Służę pomocą w razie wykonania / odnowienia strony lub sklepu internetowego dla twojej firmy niezależnie od twojej lokalizacji czy skali przedsięwziecia.

Tego typu wpisy piszę w wolnych chwilach lub pomiędzy projektami. Tylko pomyśl co mogę dla Ciebie zrobić w ramach usługi :-)

Otrzymuj powiadomienie o nowych artykułach

Wyrażam zgodę na przetwarzanie moich danych osobowych przez firmę Paweł Mansfeld z siedzibą w Jastrzębiu-Zdroju, ul. Plebiscytowa 10, w celu udzielenia odpowiedzi, w tym przedłożenia oferty jeśli o nią pytam. Moje dane osobowe będą przetwarzane do czasu cofnięcia zgody lub przez okres niezbędny do ustalenia, dochodzenia lub obrony roszczeń. Mam prawo dostępu do danych, sprostowania, usunięcia lub ograniczenia przetwarzania, prawo sprzeciwu, prawo wniesienia skargi do organu nadzorczego i prawo do przeniesienia danych.

*Bez obaw, nie udostępniam nikomu twojego adresu e-mail

CSS Light Web Gallery