Bootstrap Snippet Vendor Profile Template using HTML CSS Bootstrap jQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<br><br>
<div class="M1"   >
<div class="container-fluid " ><br><br>
<div  class="col-xs-2 col-md-5">
<div  class="col-xs-1 col-md-3 style=" padding-left:0px; ">
<div style="text-align: left;">
<div class="container">
       <div class="btn-group btn-group-vertical">
            <div class="btn-group"> 
                <button type="button" class="btn btn-nav" onclick="javascript:window.location.href='http://bootsnipp.com/user/snippets/X0Gjv'">
                    <span class="glyphicon glyphicon-user"></span>
                    <p>Profile</p>
                </button>
              </div>
            <div class="btn-group">
                <button type="button" class="btn btn-nav  " >
                    <span class="glyphicon glyphicon-calendar"></span>
                    <p>Calendar</p>
                </button>
            </div>
             <div class="btn-group">
                <button type="button" class="btn btn-nav">
                    <span class="glyphicon glyphicon-globe"></span>
                    <p>Network</p>
                </button>
            </div>
                 
            <div class="btn-group">
                <button type="button" class="btn btn-nav">
                    <span class="glyphicon glyphicon-picture"></span>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);
.M1{
    width: 160%;
    height: 100px;
    position: absolute;
    align:left;
     }
    
.form-group{
   position: relative;
   width: auto;
    }
.form-control{
    background: transparent;
    width: 160%;
}
form {
    width: 320px;
    margin: 0;
}
form > div {
    position: relative;
    overflow: hidden;
}
form input, form textarea {
    width: 100%;
    border: 2px solid gray;
    background: none;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 8px 12px;
    outline: 0;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
var placeSearch, autocomplete;
var componentForm = {
  route: 'long_name',
  locality: 'long_name',
  administrative_area_level_2:'long_name',
  administrative_area_level_1: 'short_name',
  country: 'long_name',
  postal_code: 'short_name'
};
function initAutocomplete() {
  // Create the autocomplete object, restricting the search to geographical
  // location types.
  autocomplete = new google.maps.places.Autocomplete(
      /** @type {!HTMLInputElement} */(document.getElementById('autocomplete')),
      {types: ['geocode']});
  // When the user selects an address from the dropdown, populate the address
  // fields in the form.
  autocomplete.addListener('place_changed', fillInAddress);
}
// [START region_fillform]
function fillInAddress() {
  // Get the place details from the autocomplete object.
  var place = autocomplete.getPlace();
  for (var component in componentForm) {
    document.getElementById(component).value = '';
    document.getElementById(component).disabled = false;
    
  }
  // Get each component of the address from the place details
  // and fill the corresponding field on the form.
  for (var i = 0; i < place.address_components.length; i++) {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Vendor Profile Template"
Bootstrap 3.3.0 Snippet by krishna1217

Related: See More

Questions / Comments:

"Vendor Profile Template" Bootstrap 3.3.0 Snippet by krishna1217

Related: See More

Questions / Comments:

"Vendor Profile Template"
Bootstrap 3.3.0 Snippet by krishna1217