Skip to content

Instantly share code, notes, and snippets.

View dawidadach's full-sized avatar

Dawid Adach dawidadach

View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 3</title>
<meta name="viewport" content="width=device-width, inital-scale=1.0">
<link href="bootstrap3/css/bootstrap.css" rel="stylesheet" />
<link href="assets/css/get-shit-done.css" rel="stylesheet" />
<link href="assets/css/demo.css" rel="stylesheet" />
<!--PANELS-->
<div class="container">
<div class="row">
<div class="col-md-4">
<h3><a href="#">Beautiful bright colors</a></h3>
<p>Each color has a strong pigment and was chosen to make your design shine. Each component from Get Shit Done Kit Pro can have one of these colors. Try on different combinations and be sure that everything works together.</p>
<a href="#" class="btn btn-primary">Learn more ></a>
</div>
<div class="col-md-4">
<div class="jumbotron" style="background-image: url(img/header.jpg); background-size: cover;">
<h1 class="text-center">Get Shit Done Kit!</h1>
<h3 class="text-center"> Designed to fit perfectly together</h3>
<p class="text-center">Get Shit Done Kit comes with a huge number of customisable components. The components are not only designed to be pixel perfect and light but are also easy to use and match each other perfectly. Everything you need to start your website is right here! </p>
</div>
<!--FOOTER-->
<div class="navbar navbar-default navbar-fixed-bottom">
<div class="container">
<p class="navbar-text pull-left">&copy; 2015 Creative Tim, made with love for a better web.</p>
<a class="navbar-btn btn-info btn pull-right">Download now!</a>
</div>
</div>
<!--NAVBAR-->
<div class="navbar navbar-static-top navbar-default" role="navigation">
<div class="container">
<a href="#" class="navbar-brand">GSDK Landing Page</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Template - Get Shit Done Kit by Creative Tim</title>
<link href="bootstrap3/css/bootstrap.css" rel="stylesheet" />
<link href="assets/css/get-shit-done.css" rel="stylesheet" />
<link href="assets/css/demo.css" rel="stylesheet" />
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link href="bootstrap3/css/bootstrap.css" rel="stylesheet" />
<link href="assets/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="jquery/jquery-1.10.2.js" type="text/javascript"></script>
<script type="text/javascript">
$('.datepicker').datepicker({
weekStart:1,
color: 'red'
});
</script>
@dawidadach
dawidadach / gist:19a063d43d038558536c
Last active August 29, 2015 14:19
Datepicker_3
<form action="submit">
<div class="container">
<div class="row">
<div class="row">
<div class="col-sm-12">
<legend>Personal information:</legend>
First name:<br>
<input type="text" name="firstname" value="Mickey">
</div>
<div class="col-sm-12">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link href="bootstrap3/css/bootstrap.css" rel="stylesheet" />
<link href="assets/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="jquery/jquery-1.10.2.js" type="text/javascript"></script>
<script src="bootstrap3/js/bootstrap.js" type="text/javascript"></script>
<script src="assets/js/bootstrap-datepicker.js"></script>