Skip to content

Commit

Permalink
Basic form HTML
Browse files Browse the repository at this point in the history
  • Loading branch information
DESKTOP-RUDG6I0\ANKIT committed Mar 5, 2018
1 parent 683d34f commit f388414
Show file tree
Hide file tree
Showing 276 changed files with 15,415 additions and 11,363 deletions.
193 changes: 148 additions & 45 deletions form-basic.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,85 +37,86 @@
</div>
</div>
<div class="pd-20 bg-white border-radius-4 box-shadow mb-30">
<h4 class="text-blue">Default Basic Forms</h4>
<p class="mb-30 font-14">All bootstrap element classies</p>
<form class="form">
<div class="clearfix">
<div class="pull-left">
<h4 class="text-blue">Default Basic Forms</h4>
<p class="mb-30 font-14">All bootstrap element classies</p>
</div>
<div class="pull-right">
<a href="#basic-form1" class="btn btn-primary btn-sm scroll-click" rel="content-y" data-toggle="collapse" role="button">Source Code</a>
</div>
</div>
<form>
<div class="form-group m-t-40 row">
<label class="col-2 col-form-label">Text</label>
<div class="col-10">
<label class="col-sm-12 col-md-2 col-form-label">Text</label>
<div class="col-sm-12 col-md-10">
<input class="form-control" type="text" placeholder="Johnny Brown">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Search</label>
<div class="col-10">
<label class="col-sm-12 col-md-2 col-form-label">Search</label>
<div class="col-sm-12 col-md-10">
<input class="form-control" placeholder="Search Here" type="search">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Email</label>
<div class="col-10">
<label class="col-sm-12 col-md-2 col-form-label">Email</label>
<div class="col-sm-12 col-md-10">
<input class="form-control" value="[email protected]" type="email">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">URL</label>
<div class="col-10">
<label class="col-sm-12 col-md-2 col-form-label">URL</label>
<div class="col-sm-12 col-md-10">
<input class="form-control" value="https://getbootstrap.com" type="url">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Telephone</label>
<div class="col-10">
<label class="col-sm-12 col-md-2 col-form-label">Telephone</label>
<div class="col-sm-12 col-md-10">
<input class="form-control" value="1-(111)-111-1111" type="tel">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Password</label>
<div class="col-10">
<label class="col-sm-12 col-md-2 col-form-label">Password</label>
<div class="col-sm-12 col-md-10">
<input class="form-control" value="password" type="password">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Number</label>
<div class="col-10">
<label class="col-sm-12 col-md-2 col-form-label">Number</label>
<div class="col-sm-12 col-md-10">
<input class="form-control" value="100" type="number">
</div>
</div>
<div class="form-group row">
<label for="example-datetime-local-input" class="col-2 col-form-label">Date and time</label>
<div class="col-10">
<input class="form-control datepicker" placeholder="Choose Date anf time" type="text">
</div>
</div>
<div class="form-group row">
<label for="example-date-input" class="col-2 col-form-label">Date</label>
<div class="col-10">
<input class="form-control" value="2011-08-19" id="example-date-input" type="date">
<label for="example-datetime-local-input" class="col-sm-12 col-md-2 col-form-label">Date and time</label>
<div class="col-sm-12 col-md-10">
<input class="form-control datetimepicker" placeholder="Choose Date anf time" type="text">
</div>
</div>
<div class="form-group row">
<label for="example-month-input" class="col-2 col-form-label">Month</label>
<div class="col-10">
<input class="form-control" value="2011-08" id="example-month-input" type="month">
<label class="col-sm-12 col-md-2 col-form-label">Date</label>
<div class="col-sm-12 col-md-10">
<input class="form-control date-picker" placeholder="Select Date" type="text">
</div>
</div>
<div class="form-group row">
<label for="example-week-input" class="col-2 col-form-label">Week</label>
<div class="col-10">
<input class="form-control" value="2011-W33" id="example-week-input" type="week">
<label class="col-sm-12 col-md-2 col-form-label">Month</label>
<div class="col-sm-12 col-md-10">
<input class="form-control month-picker" placeholder="Select Month" type="text">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Time</label>
<div class="col-10">
<input class="form-control datepicker" placeholder="Select time" type="text">
<label class="col-sm-12 col-md-2 col-form-label">Time</label>
<div class="col-sm-12 col-md-10">
<input class="form-control time-picker" placeholder="Select time" type="text">
</div>
</div>
<div class="form-group row">
<label for="example-month-input" class="col-2 col-form-label">Select</label>
<div class="col-10">
<select class="custom-select col-12" id="inlineFormCustomSelect">
<label class="col-sm-12 col-md-2 col-form-label">Select</label>
<div class="col-sm-12 col-md-10">
<select class="custom-select col-12">
<option selected="">Choose...</option>
<option value="1">One</option>
<option value="2">Two</option>
Expand All @@ -124,19 +125,121 @@
</div>
</div>
<div class="form-group row">
<label for="example-color-input" class="col-2 col-form-label">Color</label>
<div class="col-10">
<input class="form-control" value="#563d7c" id="example-color-input" type="color">
<label class="col-sm-12 col-md-2 col-form-label">Color</label>
<div class="col-sm-12 col-md-10">
<input class="form-control" value="#563d7c" type="color">
</div>
</div>
<div class="form-group row">
<label for="example-color-input" class="col-2 col-form-label">Input Range</label>
<div class="col-10">
<input class="form-control" id="range" value="50" type="range">
<label class="col-sm-12 col-md-2 col-form-label">Input Range</label>
<div class="col-sm-12 col-md-10">
<input class="form-control" value="50" type="range">
</div>
</div>
</form>
<div id="datetimepicker12"></div>
<div id="basic-form-scroll1">
<div class="collapse collapse-box" id="basic-form1" >
<div class="code-box">
<div class="clearfix">
<a href="javascript:;" class="btn btn-primary btn-sm code-copy pull-left" data-clipboard-target="#copy-pre"><i class="fa fa-clipboard"></i> Copy Code</a>
<a href="#basic-form1" class="btn btn-primary btn-sm pull-right" rel="content-y" data-toggle="collapse" role="button">Hide Code</a>
</div>
<pre><code class="xml copy-pre" id="copy-pre">
<form>
<div class="form-group m-t-40 row">
<label class="col-2 col-form-label">Text</label>
<div class="col-10">
<input class="form-control" type="text" placeholder="Johnny Brown">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Search</label>
<div class="col-10">
<input class="form-control" placeholder="Search Here" type="search">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Email</label>
<div class="col-10">
<input class="form-control" value="[email protected]" type="email">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">URL</label>
<div class="col-10">
<input class="form-control" value="https://getbootstrap.com" type="url">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Telephone</label>
<div class="col-10">
<input class="form-control" value="1-(111)-111-1111" type="tel">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Password</label>
<div class="col-10">
<input class="form-control" value="password" type="password">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Number</label>
<div class="col-10">
<input class="form-control" value="100" type="number">
</div>
</div>
<div class="form-group row">
<label for="example-datetime-local-input" class="col-2 col-form-label">Date and time</label>
<div class="col-10">
<input class="form-control datetimepicker" placeholder="Choose Date anf time" type="text">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Date</label>
<div class="col-10">
<input class="form-control date-picker" placeholder="Select Date" type="text">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Month</label>
<div class="col-10">
<input class="form-control month-picker" placeholder="Select Month" type="text">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Time</label>
<div class="col-10">
<input class="form-control time-picker" placeholder="Select time" type="text">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Select</label>
<div class="col-10">
<select class="custom-select col-12">
<option selected="">Choose...</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Color</label>
<div class="col-10">
<input class="form-control" value="#563d7c" type="color">
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label">Input Range</label>
<div class="col-10">
<input class="form-control" value="50" type="range">
</div>
</div>
</form>
</code></pre>
</div>
</div>
</div>
</div>
</div>
<?php include('include/footer.php'); ?>
Expand Down
10 changes: 8 additions & 2 deletions gulpfile.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,9 @@ var path = {
config.srcDir + 'fonts/foundation-icons/foundation-icons.css',
config.srcDir + 'fonts/ionicons-master/css/ionicons.css',
config.srcDir + 'fonts/themify-icons/themify-icons.css',
config.srcDir + 'plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css',
config.srcDir + 'plugins/air-datepicker/dist/css/datepicker.css',
config.srcDir + 'plugins/timedropper/timedropper.css',
config.srcDir + 'plugins/highlight.js/src/styles/solarized-dark.css',
config.srcDir + 'styles/style.css',
config.srcDir + 'styles/media.css',
],
Expand All @@ -39,7 +41,11 @@ var path = {
config.srcDir + 'plugins/malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.js',
config.srcDir + 'plugins/wysihtml5-master/dist/wysihtml5-0.3.0.js',
config.srcDir + 'plugins/bootstrap-wysihtml5-master/src/bootstrap-wysihtml5.js',
config.srcDir + 'plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js',
config.srcDir + 'plugins/air-datepicker/dist/js/datepicker.js',
config.srcDir + 'plugins/air-datepicker/dist/js/i18n/datepicker.en.js',
config.srcDir + 'plugins/timedropper/timedropper.js',
config.srcDir + 'plugins/highlight.js/src/highlight.pack.js',
config.srcDir + 'scripts/clipboard.min.js',
config.srcDir + 'scripts/setting.js'
],
fonts: [
Expand Down
Loading

0 comments on commit f388414

Please sign in to comment.