The setup installs the following software:
- Nginx
- MySQL
- PHP
- Node
- Composer
var gulp = require('gulp'), | |
sass = require('gulp-sass'), | |
rename = require('gulp-rename'), | |
cssmin = require('gulp-cssnano'), | |
prefix = require('gulp-autoprefixer'), | |
plumber = require('gulp-plumber'), | |
notify = require('gulp-notify'), | |
sassLint = require('gulp-sass-lint'), | |
sourcemaps = require('gulp-sourcemaps'); | |
// Temporary solution until gulp 4 |
.text-shadow { | |
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); | |
} | |
.has-overlay-medium::before { | |
content: ''; | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
top: 0; |
<html> | |
<head> | |
<title>Contact Form Tutorial by Bootstrapious.com</title> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"> | |
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,500' rel='stylesheet' type='text/css'> | |
<link href='custom.css' rel='stylesheet' type='text/css'> | |
</head> |
<?php | |
// require ReCaptcha class | |
require('recaptcha-master/src/autoload.php'); | |
// configure | |
// an email address that will be in the From field of the email. | |
$from = 'Demo contact form <demo@domain.com>'; | |
// an email address that will receive the email with the output of the form | |
$sendTo = 'Demo contact form <demo@domain.com>'; |
$(function () { | |
window.verifyRecaptchaCallback = function (response) { | |
$('input[data-recaptcha]').val(response).trigger('change') | |
} | |
window.expiredRecaptchaCallback = function () { | |
$('input[data-recaptcha]').val("").trigger('change') | |
} |
<nav id="myTab" role="tablist" class="nav nav-tabs"><a id="tab4-1-tab" data-toggle="tab" href="#tab4-1" role="tab" aria-controls="tab4-1" aria-selected="false" class="nav-item nav-link active show"><i class="icon-star"></i>First tab</a><a id="tab4-2-tab" data-toggle="tab" href="#tab4-2" role="tab" aria-controls="tab4-2" aria-selected="false" class="nav-item nav-link">Second tab</a><a id="tab4-3-tab" data-toggle="tab" href="#tab4-3" role="tab" aria-controls="tab4-3" aria-selected="true" class="nav-item nav-link">Third tab</a></nav> | |
<div id="nav-tabContent" class="tab-content"> | |
<div id="tab4-1" role="tabpanel" aria-labelledby="tab4-1-tab" class="tab-pane fade active show"> | |
<div class="table-responsive"> | |
<table id="datatable1" style="width: 100%;" class="table"> | |
<thead> | |
<tr> | |
<th>Name</th> | |
<th>Company</th> |
/* | |
Avatars | |
------------------------ | |
*/ | |
.avatar { | |
display: inline-block; | |
position: relative; | |
width: 3rem; | |
height: 3rem; |