-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
25 lines (24 loc) · 3.25 KB
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Sonsie+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<title>Demo</title>
</head>
<body>
<h1>Demo - css3 & media query</h1>
<h2>2D-Transformations</h2>
<div id='div1'><p>Original</p></div> <div id='div2'><p>Translated</p></div>
<h2>3D-Transformations</h2>
<div id='div3'><p>Rotate</p></div>
<h3>Random Text<h3>
<article>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non commodo ante. Aenean commodo diam vitae mi pellentesque, ut rhoncus sapien condimentum. Nunc et nibh laoreet, consectetur nisi at, scelerisque dui. Morbi ac molestie turpis. Sed tristique luctus ullamcorper. Vestibulum risus tortor, dignissim sed metus non, viverra imperdiet sem. Nulla sit amet sapien eu quam pharetra mollis a eget justo. Pellentesque non quam et mauris cursus semper quis in ipsum. Curabitur cursus nisl a orci rhoncus posuere. In elementum lorem tellus, a gravida turpis tincidunt in. Aliquam elit quam, commodo non ligula sit amet, cursus varius massa. Proin aliquam enim nec tellus lacinia dignissim. Donec turpis arcu, porttitor in erat a, egestas pulvinar enim.</p>
<p>Nullam varius enim in mattis cursus. Aenean egestas consectetur placerat. Cras consequat eget arcu eu volutpat. Donec faucibus orci id mauris posuere tempor. Nunc sodales eros sed adipiscing iaculis. Phasellus vitae congue libero. Nullam et libero feugiat, hendrerit arcu vitae, mollis dui.</p>
<p>Aliquam fringilla dictum nisl vel interdum. Aliquam condimentum lacinia semper. Donec nec tortor congue, pellentesque est nec, malesuada erat. Vivamus vehicula tellus orci, eget luctus velit lobortis sed. Praesent ultricies neque nec erat hendrerit malesuada. Integer porttitor aliquam nunc vel aliquam. Integer at adipiscing arcu, non cursus ante. Nullam laoreet arcu eget justo fermentum eleifend. Nullam in tortor mauris. Nullam rutrum sapien non hendrerit tempor. Vivamus dignissim non magna eu sodales. Nullam in varius risus, nec malesuada nibh.</p>
<p>Suspendisse varius lacus laoreet, convallis justo vel, vehicula magna. Sed vulputate a eros et laoreet. Donec id ante sem. Morbi et quam volutpat, pretium dolor ut, ornare mi. Quisque dignissim consectetur mauris, eget vehicula est. Phasellus viverra, ligula non facilisis adipiscing, nisi magna iaculis eros, dignissim laoreet elit erat a quam. Etiam egestas felis nisl, eget tincidunt risus aliquam laoreet. Proin et iaculis diam. Phasellus tellus orci, suscipit a semper lacinia, ultrices ut eros.</p>
<p>Etiam et sem suscipit, suscipit felis ut, commodo tellus. Aliquam aliquet dolor eu ornare varius. Nullam tempor leo non tortor consectetur dictum. Donec auctor rutrum erat. Maecenas sed ornare nisl. In a nunc id lectus aliquet porttitor eu a justo. Aliquam ac urna vel sapien lacinia mattis sed a libero. Nam feugiat posuere arcu eu porta. Donec et metus id felis feugiat mattis. Etiam imperdiet nunc sit amet nulla facilisis, sit amet vestibulum lorem sagittis. Sed convallis tincidunt odio quis dapibus. Donec risus massa, convallis a eros nec, aliquet cursus dui.</p>
</article>
</body>
</html>