playground:atom
Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
playground:atom [2017/03/15 16:47] michael created |
playground:atom [2018/06/01 20:12] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ===== ATOM ===== | + | <html> |
| + | <head> | ||
| + | <style> | ||
| + | body { | ||
| + | background-color: #FDFFFE; | ||
| + | } | ||
| + | .grow img { | ||
| + | height: 160px; | ||
| + | width: 190px; | ||
| + | |||
| + | -webkit-transition: all 1s ease; | ||
| + | -moz-transition: all 1s ease; | ||
| + | -o-transition: all 1s ease; | ||
| + | -ms-transition: all 1s ease; | ||
| + | transition: all 1s ease; | ||
| + | } | ||
| + | |||
| + | .grow img:hover { | ||
| + | width: 270px; | ||
| + | height: 215px; | ||
| + | } | ||
| + | |||
| + | </style> | ||
| + | <body> | ||
| + | <center> | ||
| + | <div class="grow pic" > | ||
| + | <a title= "Vision" href="http://wolfcomusa.com/support/doku.php?id=wolfcom_wiki:vision:about_vision"> | ||
| + | <img src="http://wolfcomusa.com/support/lib/exe/fetch.php?media=playground:vision_set-up_manager_logo.jpg" alt="portrait"> | ||
| + | <span style="padding-right:100px"></span> | ||
| + | </a> | ||
| + | <a title= "Capture" href="http://wolfcomusa.com/support/doku.php?id=wolfcom_wiki:atom"> | ||
| + | <img src="http://wolfcomusa.com/support/lib/exe/fetch.php?media=playground:wems_wiki_logo.jpg" alt="portrait"> | ||
| + | <span style="padding-right:70px"></span> | ||
| + | </a> | ||
| + | </div> | ||
| + | </center> | ||
| + | </body> | ||
| + | </head> | ||
| + | </html> | ||
| + | |||
| + | ------- | ||
| + | |||
| + | |||
| + | <html> | ||
| + | <head> | ||
| + | </head> | ||
| + | <body> | ||
| + | |||
| + | <div class="jumbotron text-center"> | ||
| + | <h1><center>My First Bootstrap Page</center></h1> | ||
| + | <p>Resize this responsive page to see the effect!</p> | ||
| + | </div> | ||
| + | |||
| + | <div class="container"> | ||
| + | <div class="row"> | ||
| + | <div class="col-sm-4"> | ||
| + | <h3>Column 1</h3> | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> | ||
| + | <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> | ||
| + | </div> | ||
| + | <div class="col-sm-4"> | ||
| + | <h3>Column 2</h3> | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> | ||
| + | <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> | ||
| + | </div> | ||
| + | <div class="col-sm-4"> | ||
| + | <h3>Column 3</h3> | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> | ||
| + | <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | </body> | ||
| + | </html> | ||
playground/atom.1489596450.txt.gz · Last modified: 2018/06/01 19:36 (external edit)
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
