Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
<!DOCTYPE html>
<meta charset="utf-8">
<title><h1>Stock Chart</h1></title>
<h1> Stock Chart </h1>
<p><p><span style="font-...
22appId%22%3A%22dvyihgykyzec6y1dpg%22%2C%22SANDSTORM%22%3Atrue%2C%
22accountsConfigCalled%22%3Atrue%2C%22autoupdateVersion...
.container {
padding: 2px 16px;
}
</style>
</head>
<body>
<h2>ORDERS</h2>
<div class="card">
<img src="//site-312714.mozfi...
width: 100%;
border-collapse: collapse;
background-color: #98FB98;
}
.myTableText td,
.myTableText th {
border: 2px solid ...
color: #006400;
}
.myTableText td a:hover {
color: #FF4500;
text-decoration: underline;
}
.myTableText td a:active {
color...
<td>And Dance <a href="/sql/tutorial/">SQL</a></td>
</tr>
</table>
</body>
</html>
<marquee behavior="alternate"><i>LEVER ...
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160p...
<h2>Hoverable Dropdown</h2>
<p>Move the mouse over the button to open the dropdown menu.</p>
<div class="dropdown">
<butto...
width: 100%;
height: auto;
}
.overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #008CBA;
overf...
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
</style>
</head>
<body>
<h2>Nicely Set</h2>
<p>h...
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100p...
animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opa...
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
.modal-body {padding: 2px 16px;}
.modal-footer {
padding: 2p...
</div>
</div>
</div>
<h3>
<script type="text/javascript">// Get the modal
var modal = document.getElementById('myModal');
...
</p>
<p> 2nd, <I>Note</I>: :8 - Robs <span style="margin-left:50em">
space!SPACEBAR</span></p>
<form action="/html/tags/ht...
<textarea name="comments" id="comments"
style="width:96%;height:90px;padding:2%;font-size:1.2em;background-
color:yellowgr...
when everyones ready
there'll be no more time to delay
get yeh rump in gears
expect more news like this
winching up cloud
...
</table>
</body>
</html>
Upcoming SlideShare
Loading in …5
×

Stole16

221 views

Published on

sites

Published in: Government & Nonprofit
  • Login to see the comments

  • Be the first to like this

Stole16

  1. 1. <!DOCTYPE html> <meta charset="utf-8"> <title><h1>Stock Chart</h1></title> <h1> Stock Chart </h1> <p><p><span style="font-size: 18px;">1. ...basement: :combo;18<br /> 2. ...canteen_office: :hairdo scales</span></p> <ol> <li>...basement: :steel draws;18-<a href="//site-312714.mozfiles.com/files/312714/Another_One_Bites_The_ Dust.mp3">Another_One_Bites_The_Dust.mp3</a> </li> <li>...canteen_office: :desksales</li> </ol> </p> <h2>Floor MONITOR</h2> <!DOCTYPE html><html><head> <link rel="stylesheet" type="text/css" class="__meteor-css__" href="/7a4b9a0e535cdf8c954d5d546eb856a568a3fe11.css? meteor_css_resource=true"><title>Wekan</title><meta name="viewport" content="maximum-scale=1.0,width=device-width,initial-scale= 1.0,user-scalable=0"><link rel="shortcut icon" href="/wekan- favicon.png"></head><body><script type="text/inject-data">%7B% 22fast-render-data%22%3A%7B%22collectionData%22%3A%7B%7D%2C% 22subscriptions%22%3A%7B%22boards%22%3A%7B%22%5B%5D%22%3Atrue%7D%7D% 7D%7D</script><script type="text/javascript">__meteor_runtime_config__ = JSON.parse(decodeURIComponent("%7B%22meteorRelease%22%3A%22METEOR% 401.3.5.1%22%2C%22meteorEnv%22%3A%7B%22NODE_ENV%22%3A%22production% 22%2C%22TEST_METADATA%22%3A%22%7B%7D%22%7D%2C%22PUBLIC_SETTINGS%22% 3A%7B%22sandstorm%22%3Atrue%7D%2C%22ROOT_URL%22%3A%22http%3A%2F% 2F127.0.0.1%3A4000%22%2C%22ROOT_URL_PATH_PREFIX%22%3A%22%22%2C%
  2. 2. 22appId%22%3A%22dvyihgykyzec6y1dpg%22%2C%22SANDSTORM%22%3Atrue%2C% 22accountsConfigCalled%22%3Atrue%2C%22autoupdateVersion%22%3A% 2267288c01ab936b6355b338c66ed47e9270c9c4b5%22%2C% 22autoupdateVersionRefreshable%22%3A% 22795cc80ed236e1cdd1b822122fa8fbd4b0ec742c%22%2C% 22autoupdateVersionCordova%22%3A%22none%22%7D"));</script> <script type="text/javascript" src="/dc653b80b01d9daf41e810175e81b2fb4cc4519c.js? meteor_js_resource=true"></script></body></html> taps:<img alt="wiz" src="http://www.capitaltwins.com/fairy/images/SHOPEN3/Computers066.p ng" style="width: 87px; height: 92px;" />princess's</p> <!DOCTYPE html> <html> <head> <style> .card { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; width: 40%; border-radius: 5px; } .card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); } img { border-radius: 5px 5px 0 0; }
  3. 3. .container { padding: 2px 16px; } </style> </head> <body> <h2>ORDERS</h2> <div class="card"> <img src="//site-312714.mozfiles.com/files/312714/CROSSES.jpg"> <div class="container"> <h4><b>Office Job</b></h4> <p>Melting Pack</p> </div> </div> </body> </html> <a href="https://twitter.com/share" class="twitter-share-button" data-via="ScraptonFC" data-size="large">Tweet</a> <!DOCTYPE html> <html> <head> <title>Example</title> <!-- CSS --> <style> .myTableText {
  4. 4. width: 100%; border-collapse: collapse; background-color: #98FB98; } .myTableText td, .myTableText th { border: 2px solid #47ae32; padding: 5px; } .myTableText th { font: bold 18px/1.1em Arial, Helvetica, sans-serif; text-shadow: 1px 1px 4px black; letter-spacing: 0.1em; background-color: #47ae32; color:#98FB98; } .myTableText td { font: normal 14px/1.5em Goudy, Georgia, serif; color: #47ae32; } .myTableText td a:link { color: #006400; text-decoration: none; } .myTableText td a:visited {
  5. 5. color: #006400; } .myTableText td a:hover { color: #FF4500; text-decoration: underline; } .myTableText td a:active { color: #FF0000; } </style> </head> <body> <!-- HTML --> <table class="myTableText"> <tr> <th> 1 bleavin</th><th>2 BADGER</th> </tr> <tr> <td>Smart City table.. SMART DOCUMENTS<br> <a href="/css/">CSS</a></td> <td>And think ahead<a href="/css/css3/"</a></td> </tr> <tr> <td>Or push in<a href="/html/">HTML</a></td>
  6. 6. <td>And Dance <a href="/sql/tutorial/">SQL</a></td> </tr> </table> </body> </html> <marquee behavior="alternate"><i>LEVER 7(A*)</I>.</marquee> <P> notes.. Prizes - TEA SET </p><br> <!DOCTYPE html> <html> <head> <style> .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } .dropdown { position: relative;
  7. 7. display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover {background-color: #f1f1f1} .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropbtn { background-color: #3e8e41; } </style> </head> <body>
  8. 8. <h2>Hoverable Dropdown</h2> <p>Move the mouse over the button to open the dropdown menu.</p> <div class="dropdown"> <button class="dropbtn">Dropdown</button> <div class="dropdown-content"> <a href="http://htmlpad.org/rworldoffice/">Link 1</a> <a href="http://htmlpad.org/manageressCLUB">Link 2</a> <a href="http://htmlpad.org/webisode">Link 3</a> </div> </div><br> <br> <br> </body> </html> <!DOCTYPE html> <html> <head> <style> .container { position: relative; width: 50%; } .image { display: block;
  9. 9. width: 100%; height: auto; } .overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: #008CBA; overflow: hidden; width: 0; height: 100%; transition: .5s ease; } .container:hover .overlay { width: 100%; } .text { white-space: nowrap; color: white; font-size: 20px; position: absolute; overflow: hidden; top: 50%; left: 50%;
  10. 10. transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } </style> </head> <body> <h2>Nicely Set</h2> <p>hoping for rides home</p> <div class="container"> <img src="//site-312714.mozfiles.com/files/312714/CARDS_2.jpg"> <div class="overlay"> <div class="text">Hello World</div> </div> </div> </body> </html> <br> <br> <!DOCTYPE html> <html> <head> <style scoped="scoped" type="text/css"><!-- /* The Modal (background) */ .modal {
  11. 11. display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 80%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop;
  12. 12. animation-duration: 0.4s } /* Add Animation */ @-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } @keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } /* The Close Button */ .close { color: white; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .modal-header {
  13. 13. padding: 2px 16px; background-color: #5cb85c; color: white; } .modal-body {padding: 2px 16px;} .modal-footer { padding: 2px 16px; background-color: #5cb85c; color: white; } --></style> <h2>Office Ware</h2> <h3><!-- Trigger/Open The Modal --> <button id="myBtn">Open Modal</button> <!-- The Modal --></h3> <div id="myModal" class="modal"><!-- Modal content --> <div class="modal-content"> <div class="modal-header"><span class="close">&times;</span> <h2>Bakers Suites - over take</h2> </div> <div class="modal-body"> <p>Second Stage; next</p> <p>extra play... loop hole</p> </div> <div class="modal-footer"> <h3>TEAZE</h3>
  14. 14. </div> </div> </div> <h3> <script type="text/javascript">// Get the modal var modal = document.getElementById('myModal'); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } }</script>
  15. 15. </p> <p> 2nd, <I>Note</I>: :8 - Robs <span style="margin-left:50em"> space!SPACEBAR</span></p> <form action="/html/tags/html_form_tag_action.cfm" method="post"> <textarea name="comments" id="comments" style="width:120px;height:120px;padding:2%;font- size:1.2em;background-color:gold;"> <pre> No space One space Six spaces One tab Two tabs </pre </textarea> <input type="print" value="SubmitCAKE.fri"><input type="print" value="greens"><input type="print" value="slippers"> <br><input type="print" value="plums"> <input type="print" value="cylinders"> <input type="print" value="Assistants"> <p>a,<marquee behavior="slide" direction="right">2, PR%melon% </marquee></p> <p>1,<span style="color: rgb(0, 0, 128);"><span style="font-size: 18px;"><span style="font-size: 22px;">Snow shoval</span></span> </span></p> </p> </form> <form action="/html/tags/html_form_tag_action.cfm" method="post">
  16. 16. <textarea name="comments" id="comments" style="width:96%;height:90px;padding:2%;font-size:1.2em;background- color:yellowgreen;"> Hey... say something! FULL EAGLE ( baker ) Spacebar </textarea> <input type="print" value="plums"> </form> <script type="text/javascript" src="<your installation path>/ckeditor/ckeditor_4.4.1_full/ckeditor.js"></script> <textarea class="ckeditor" id="myEditor" name="myEditor" cols="35" rows="20"> Today - tidy up load superiors open all closets wipe out with rag and assemble under yeh gutter to even poke out yeh little nice smiles infront 2, after the 1st, orders seen meet me you know the sequence - tapes. load 1 - - extras -spares . have a taxi deliver me early.
  17. 17. when everyones ready there'll be no more time to delay get yeh rump in gears expect more news like this winching up cloud </textarea> <script type="text/javascript"> //<![CDATA[ CKEDITOR.replace( 'myEditor', { Today - tidy up fullPage : true, Today - tidy up uiColor : '#efe8ce' }); //]]> </script <!-- HTML --> <table class="myTableText"> <tr> <th>Header 1</th><th>Header 2</th> </tr> <tr> <td>Try <a href="/css/">CSS</a></td> <td>And <a href="/css/css3/">CSS 3</a></td> </tr> <tr> <td>Or <a href="/html/">HTML</a></td> <td>Or <a href="/html/">HTML</a></td> </tr>
  18. 18. </table> </body> </html>

×