Commit 3d458b7b authored by David's avatar David
Browse files
parents 9c988313 a0abcd3a
<!DOCTYPE html>
<html lang="fr">
<title>emailPoubelle Admin - Template-exemple</title>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="robots" content="index,follow,noarchive">
<link rel="stylesheet" href="template-exemple/style.css">
<!--[if IE]><script src="template-exemple/html5-ie.js"></script><![endif]-->
<!--[if lte IE 6]>
<div class="alert-ie6" style="padding: 1em; background: #900; font-size: 1.1em; color: #fff;">
<p><strong>Attention ! </strong> Votre navigateur (Internet Explorer 6 ou 7) présente de sérieuses lacunes en terme de sécurité et de performances, dues à son obsolescence (il date de 2001).<br />En conséquence, ce site sera consultable mais de manière moins optimale qu'avec un navigateur récent (<a href="" style="color: #fff;">Internet Explorer 8</a>, <a href="" style="color: #fff;">Firefox 3</a>, <a href="" style="color: #fff;">Chrome</a>, <a href="" style="color: #fff;">Safari</a>,...)</p>
<div id="a">
<a href="/" title="Startseite"><strong>OWMX-2</strong> HTML5 &amp; CSS3</a>
<div id="b">
<h1>Emails poubelle libre - Interface d'administration</h1>
<p>Générer des emails poubelle sans contrainte de durée de vie. </p>
// Intégration dans votre site :
if (file_exists('../conf.php')) {
} else {
<h3>Let the Show Begin - Pre and Code</h3>
<p>This is how it looks if you use <code>pre</code> and <code>code</code> together, for example to highlight and nicely markup a piece of code:</p>
<pre><code>pre {<br /> font-size : 12px;<br /> background : #F0F0F0;<br />}</code></pre>
<h3>Example Blockquote</h3>
<p>If you want to quote somebody, you can use this perfectly semantic example for a blockquote:</p>
<cite>Jonas Jacek</cite>
<blockquote cite="">
During my years in the Internet Marketing business I have seen and done many things I never thought would be of interest to me or anyone else.
<h3>Examples Alerts, Notice &amp; Confirmation</h3>
<p>These sample styles for alerts and notices are useful if you want to use the template in content management systems.</p>
<p class="highlight-1"><strong>Alert:</strong> This is how an alert looks like.</p>
<p class="highlight-2"><strong>Notice:</strong> This is how a notice looks like.</p>
<p class="highlight-3"><strong>Confirmation:</strong> This is how a confirmation looks like.</p>
<h3>Example Table</h3>
<p>The following is the design for a table. The style is simple and user-friendly. Some of the effects were made with CSS3.</p>
<caption>Mini HTML5 Reference Guide</caption>
<td>global attributes**</td>
<td>in an image map</td>
<td> alt, coords, href, hreflang, media, ping, rel, shape, target, type</td>
<td>article/ content</td>
<td>global attributes**</td>
<td>global attributes**</td>
<td>sound content</td>
<td>autobuffer, autoplay, controls, loop, src</td>
<td>bold text</td>
<td>global attributes**</td>
<h3>Example hCalendar</h3>
<p>The following is a definition list in combination with the hCalendar microformat. </p>
<dl class="vevent">
<dt class="dtstart"><abbr title="2010-11-18" class="dtstart">11-18-2010</abbr></dt>
<dd class="summary">Conference Name</dd>
<dd><a href="#" class="url"></a></dd>
<dd class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec eleifend diam. Fusce lobortis odio ac sem scelerisque sed iaculis purus ornare.</dd>
<h3>Example Video</h3>
<p>You can put your Video-Files here...</p>
<video src="movie.ogg" controls>your browser does not support the video tag</video>
<h3>Example Audio</h3>
<p>You can put your Audio-Files here...</p>
<audio src="file.ogg" controls>your browser does not support the audio tag</audio>
<h3>Example Lists</h3>
<p>Two different kinds of lists were styled: Ordered lists (ol) and unordered (ul) lists.</p>
<li>This is</li>
<li>The Ordered</li>
<li>This is</li>
<li>The Unordered</li>
<h3>Example Form</h3>
<p>This is how a form will look like in this template.</p>
<form action="#">
<input name="#" type="text" value="Your Name">
<input name="#" type="text" value="Your Email">
<label>Your Comments</label>
<textarea>This is a Comment...</textarea>
<input class="button" type="submit">
<section class="meta">
<p>Author: <a href="">Jonas Jacek</a> | Date: 2010-01-21 | Comments: <a href="#">7</a></p>
<p>Tags: <a href="#" rel="tag">quisquam</a>, <a href="#" rel="tag">Tags</a>, <a href="#" rel="tag">dolorem</a> <a href="#" rel="tag">Tags</a>, <a href="#" rel="tag">Tags</a></p>
<form action="#" class="s">
<input name="search" type="text" value="Type term and hit enter...">
<h4>About the Author</h4>
<div id="c">
<img src="template-exemple/jonas-jacek.png" alt="Jonas Jacek">
<p>Hi, my name is <a href="">Jonas Jacek</a>.<br> Welcome to my new HTML5 / CSS3 blog.</p>
<p>I am a web designer, web developer and Internet marketing enthusiast.</p>
<p>I strongly believe in open-source software and open standards.</p>
<li><a href="#">Lorem</a></li>
<li><a href="#">Ipsum</a></li>
<li class="active"><a href="#">Dolor Sit</a>
<li><a href="#">Amet</a></li>
<li><a href="#">Amet</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Contact</a></li>
<h4>Example Gallery</h4>
<ul class="gallery">
<li><a href="index.html"><img src="template-exemple/img1.png"/></a></li>
<li><a href="index.html"><img src="template-exemple/img2.png"/></a></li>
<li><a href="index.html"><img src="template-exemple/img3.png"/></a></li>
<ul class="gallery">
<li><a href="index.html"><img src="template-exemple/img4.png"/></a></li>
<li><a href="index.html"><img src="template-exemple/img5.png"/></a></li>
<li><a href="index.html"><img src="template-exemple/img6.png"/></a></li>
<div class="adspace">
<a href="" rel="me"><img src="template-exemple/jabz-logo.png" alt="Jabz Internet Marketing GmbH" title="Jabz Internet Marketing GmbH"/></a>
<h4>Example Blogroll</h4>
<li><a href="">Jabz Internet Marketing GmbH</a></li>
<li><a href="">Jonas Jacek</a></li>
<li><a href="">World Wide Web Consortium</a></li>
<li><a href="">Firefox Web Browser</a></li>
<h4>Example Tag Cloud</h4>
<ul id="tagcloud">
<li class="tagcloudsize-1"><a href="#">Lorem</a></li>
<li class="tagcloudsize-2"><a href="#">Ipsum</a></li>
<li class="tagcloudsize-3"><a href="#">Dolor</a></li>
<li class="tagcloudsize-2"><a href="#">Sit Amet</a></li>
<li class="tagcloudsize-1"><a href="#">Consectetur</a></li>
<p>Template Design &amp; Markup by <a href="" title="Profile of Jonas Jacek">Jonas Jacek</a> for <a href="" title="Free HTML5 &amp; CSS3 Web Template |">Free HTML5 &amp; CSS3 Web Templates</a>.</p>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment