mirror of
https://github.com/YunoHost-Apps/emailpoubelle_ynh.git
synced 2024-09-03 18:26:29 +02:00
update index.php pour retirer tous les exemples
This commit is contained in:
Krakinou
GitHub
parent
7ffec6fbdd
commit
6335bd8297
1 changed files with 0 additions and 161 deletions
|
|
@ -31,167 +31,6 @@
|
|||
}
|
||||
include('../emailPoubelle.php');
|
||||
?>
|
||||
<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="http://www.rield.com/">
|
||||
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.
|
||||
</blockquote>
|
||||
<h3>Examples Alerts, Notice & 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>
|
||||
<table>
|
||||
<caption>Mini HTML5 Reference Guide</caption>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>Tag</th>
|
||||
<th>Info</th>
|
||||
<th>Attributes</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><abbr></td>
|
||||
<td>abbreviation</td>
|
||||
<td>global attributes**</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><area></td>
|
||||
<td>in an image map</td>
|
||||
<td> alt, coords, href, hreflang, media, ping, rel, shape, target, type</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><article></td>
|
||||
<td>article/ content</td>
|
||||
<td>global attributes**</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><aside></td>
|
||||
<td>sidebar</td>
|
||||
<td>global attributes**</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><audio></td>
|
||||
<td>sound content</td>
|
||||
<td>autobuffer, autoplay, controls, loop, src</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b></td>
|
||||
<td>bold text</td>
|
||||
<td>global attributes**</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<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">http://www.conference-website.com/</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>
|
||||
</dl>
|
||||
<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>
|
||||
<ol>
|
||||
<li>This is</li>
|
||||
<li>The Ordered</li>
|
||||
<li>Listing</li>
|
||||
</ol>
|
||||
<ul>
|
||||
<li>This is</li>
|
||||
<li>The Unordered</li>
|
||||
<li>Listing</li>
|
||||
</ul>
|
||||
<h3>Example Form</h3>
|
||||
<p>This is how a form will look like in this template.</p>
|
||||
<form action="#">
|
||||
<label>Name</label>
|
||||
<input name="#" type="text" value="Your Name">
|
||||
<label>Email</label>
|
||||
<input name="#" type="text" value="Your Email">
|
||||
<label>Your Comments</label>
|
||||
<textarea>This is a Comment...</textarea>
|
||||
<br>
|
||||
<input class="button" type="submit">
|
||||
</form>
|
||||
<section class="meta">
|
||||
<p>Author: <a href="http://www.jabz.info/contact/jonas-jared-jacek/">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>
|
||||
</section>
|
||||
</article>
|
||||
<aside>
|
||||
<h4>Search</h4>
|
||||
<form action="#" class="s">
|
||||
<input name="search" type="text" value="Type term and hit enter...">
|
||||
</form>
|
||||
<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="http://www.jabz.info/contact/jonas-jared-jacek/">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>
|
||||
</div>
|
||||
<nav>
|
||||
<h4>Navigation</h4>
|
||||
<ul>
|
||||
<li><a href="#">Lorem</a></li>
|
||||
<li><a href="#">Ipsum</a></li>
|
||||
<li class="active"><a href="#">Dolor Sit</a>
|
||||
<ul>
|
||||
<li><a href="#">Amet</a></li>
|
||||
<li><a href="#">Amet</a></li>
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
<li><a href="#">Downloads</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<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>
|
||||
<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>
|
||||
</ul>
|
||||
<h4>AdSpace</h4>
|
||||
<div class="adspace">
|
||||
<a href="http://www.jabz.biz/" rel="me"><img src="template-exemple/jabz-logo.png" alt="Jabz Internet Marketing GmbH" title="Jabz Internet Marketing GmbH"/></a>
|
||||
</div>
|
||||
<h4>Example Blogroll</h4>
|
||||
<ul>
|
||||
<li><a href="http://www.jabz.biz/">Jabz Internet Marketing GmbH</a></li>
|
||||
<li><a href="http://www.jabz.info/contact/jonas-jared-jacek/">Jonas Jacek</a></li>
|
||||
<li><a href="http://www.w3.org/">World Wide Web Consortium</a></li>
|
||||
<li><a href="http://www.getfirefox.com/">Firefox Web Browser</a></li>
|
||||
</ul>
|
||||
<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>
|
||||
</ul>
|
||||
</aside>
|
||||
</div>
|
||||
<footer>
|
||||
<p>Template Design & Markup by <a href="http://www.jabz.info/contact/jonas-jared-jacek/" title="Profile of Jonas Jacek">Jonas Jacek</a> for <a href="http://www.owmx.com/" title="Free HTML5 & CSS3 Web Template | owmx.com">Free HTML5 & CSS3 Web Templates</a>.</p>
|
||||
</footer>
|
||||
</div>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue