JSFiddle - React, Tailwind, and code Playground

by anpsmn

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.js"></script>
<header class="header">
    <div class="container">
        <div class="row" id="header">
            <div class="span12">
                 <h1> Header</h1>
            </div>
        </div>
    </div>
</header>
<br><br>
<div class="container">
    <div class="row">
        <img class="span12" src="http://dummyimage.com/1200x425/000/fff&text=Slide+Show+1200+x+425" style=" border: 0px solid rgb(0, 0, 0);" />
    </div>
    <div class="row">
        <div id="user1" class="span4 ">
            <img src="http://dummyimage.com/370x150/000/fff" style="margin: 10px 0px 0px; border: 0px solid rgb(0, 0, 0);" />
        </div>
        <div id="user2" class="span4">
            <img src="http://dummyimage.com/370x150/000/fff" style="margin: 10px 0px 0px; border: 0px solid rgb(0, 0, 0);" />
        </div>
        <div id="user3" class="span4 ">
            <img src="http://dummyimage.com/370x150/000/fff" style="margin: 10px 0px 0px; border: 0px solid rgb(0, 0, 0);" />
        </div>
        <div class="clear"></div>
    </div>
</div>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
 body {
    font-family:'Open Sans', sans-serif;
    background-color: white;
    color: black;
}
.header {
    background-color: #eee;
    border-bottom: rgba(0, 0, 0, 1) solid 3px;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 1);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 1);
}
.slideshow {
    margin: 10px 0px;
}
.user_modules h1, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    font-family:"Merriweather", "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
@media (max-width: 767px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}