bMinaise

<div class="container">
    <div class="row">
        <div class="col-sm-6 col-md-4 col-md-offset-4">
            <h1 class="text-center login-title">Sign in to continue to Bootsnipp</h1>
            <div class="account-wall">
                <img class="profile-img" src="https://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=120"
                    alt="">
                <form class="form-signin">
                <input type="text" class="form-control" placeholder="Email" required autofocus>
                <input type="password" class="form-control" placeholder="Password" required>

bMinaise

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {

bMinaise

/**
 * Multi-page Navigation
 * http://gravitywiz.com/
 **/
 
class GWMultipageNavigation {

    private $script_displayed;

    function __construct( $args = array() ) {

bMinaise

<!-- 
  CSS STYLES: 
  
  body { padding-top:30px; }
  .form-control { margin-bottom: 10px; }
-->
<!-- User Sign-up Form -->
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-4 well well-sm">

bMinaise

/*
  SH - Base CSS

 ** import SH brand fonts
 ** apply class names to each font
 ** apply class names to header sizes
 ** apply class names to colors used

*/

bMinaise

<?php
/**
 * Multi-page Navigation
 * http://gravitywiz.com/
 */

class GWMultipageNavigation {

    private $script_displayed;

bMinaise

// Disable support for comments and trackbacks in post types
function df_disable_comments_post_types_support() {
	$post_types = get_post_types();
	foreach ($post_types as $post_type) {
		if(post_type_supports($post_type, 'comments')) {
			remove_post_type_support($post_type, 'comments');
			remove_post_type_support($post_type, 'trackbacks');
		}
	}
}

bMinaise

<div class="container">
	<div class="row">
        <div class="col-lg-3">
            <p><a href="#" class="btn btn-outlined btn-primary">Demo Primary Button</a></p>
            <p><a href="#" class="btn btn-outlined btn-success">Demo Success Button</a></p>
            <p><a href="#" class="btn btn-outlined btn-info">Demo Info Button</a></p>
            <p><a href="#" class="btn btn-outlined btn-warning">Demo Warning Button</a></p>
            <p><a href="#" class="btn btn-outlined btn-danger">Demo Danger Button</a></p>
        </div>
        <div class="col-lg-4">

bMinaise

//Display Fields
add_action( 'woocommerce_product_after_variable_attributes', 'variable_fields', 10, 2 );
//JS to add fields for new variations
add_action( 'woocommerce_product_after_variable_attributes_js', 'variable_fields_js' );
//Save variation fields
add_action( 'woocommerce_process_product_meta_variable', 'variable_fields_process', 10, 1 );

function variable_fields( $loop, $variation_data ) {
?>	
	<tr>

bMinaise

<form>
  <fieldset>
    <legend>Convert your color:</legend>
    <ol class="fieldsList column1">
      <li>
        <label for="f_hex_value">HEX value (e.g. #f00, #812dd3, ba3, F924A4, red)</label>
      </li>
      <li>
        <input type="text" name="f_hex_value" value="" id="f_hex_value">
      </li>