JSFiddle - React, Tailwind, and code Playground

by damir aushenov

HTML

<script src="https://www.parsecdn.com/js/parse-1.4.2.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<div class="b-page">
    <div class="b-header">
        <div class="b-header__inner">
        <div class="b-header__left">
            <a href="">FELLOW</a>
        </div>
        <div class="b-header__center">
            <input type="text" placeholder="Поиск">
        </div>
            <div class="b-header__right">
                <a href="">Войти</a>
                <a href="">Регистрация</a>
            </div>
            <div class="clear"></div>
            </div>
            <div class="b-content-submit">
                <input type="submit" value="Выполнить">
            </div>
    </div>
</div>

CSS

a {
    text-decoration: none;
}
.clear {
    clear:both;
}
.b-header {
    background: #8EC7D2;
}
.b-header__inner {
    max-width: 960px;
    margin: 0 auto;
    width:100%;
}
.b-header__left {
    float: left;
    width: 33%;
    padding-top: 10px;
}
.b-header__center {
    float:left;
    width: 33%;
    padding-top: 10px;
}
.b-header__right {
    float: right;
    width: 33%;
    padding-top: 10px;
}

JavaScript

Parse.initialize("WfUYM5CxiclgAagEbrjuocu3D3BrMzenqRtep21q", "2E0YcUFLF2jPOBpmAKW03x6SQ0Q9hoqTrHIUShmn");

var Testobject = Parse.Object.extend("TestObject");
var query = new Parse.Query(Testobject);
query.find().then(function(result){
    $.each(result, function(key, value){
        console.log(value.get('foo'));
    })
}, function(error){
    console.log(error);
});
$('.theform').click(function(event){
    event.preventdefault();    
})     


var Poezdka = Parse.Object.extend("Poezdka");
var poezkda = new Poezdka();