JSFiddle - React, Tailwind, and code Playground

by Sambora

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="col-md-6"></div>
<div class="col-md-6">
    <script src='https://www.google.com/recaptcha/api.js'></script>
    <form id="myform" name="myform" role="form" action="<?PHP echo SITE.'controller/contact.php'; ?>">
        <div class="form-group">
            <label for="name">نام:</label>
            <input name="name" type="text" class="form-control" id="name">
        </div>
        <div class="form-group">
            <label for="email">رایانامه:</label>
            <input name="email" type="email" class="form-control" id="email">
        </div>
        <div class="form-group">
            <label for="message" class="control-label">متن پیغام</label>
            <textarea name="message" class="form-control" id="message" cols="15" rows="6"></textarea>
        </div>
        <div class="form-group">
            <div class="col-md-12">
                <div class="g-recaptcha" data-theme="light" data-sitekey="6LdKhQ0TAAAAADUoa0UDFRMGR1SpRsvbPosE7t67" style="transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;"></div>
            </div>
            <div class="col-md-12">
                <button name="submit" class="btn btn-primary post-comments">تایید و ارسال</button>
            </div>
        </div>
        <input type="hidden" name="csrf_token" value="<?php echo $token; ?>">
    </form>
</div>

CSS

.g-recaptcha{
    margin:0 auto;
}