Bootstrap Snippet using HTML CSS Bootstrap

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/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
    <div class="section over-hide z-bigger">
        <input class="checkbox" type="checkbox" name="general" id="general">
        <label class="for-checkbox" for="general"></label>
        <div class="background-color"></div>
        <div class="section over-hide z-bigger">
            <div class="container pb-5">
                <div class="row justify-content-center pb-5">
                    <div class="col-12 pt-5">
                        <p class="mb-4 pb-2">Design Tools</p>
                    </div>
                    <div class="col-12 pb-5">
                        <input class="checkbox-tools" type="radio" name="tools" id="tool-1" checked>
                        <label class="for-checkbox-tools" for="tool-1">
                            <i class='uil uil-line-alt'></i>
                            line
                        </label><!--
                        --><input class="checkbox-tools" type="radio" name="tools" id="tool-2">
                        <label class="for-checkbox-tools" for="tool-2">
                            <i class='uil uil-vector-square'></i>
                            square
                        </label><!--
                        --><input class="checkbox-tools" type="radio" name="tools" id="tool-3">
                        <label class="for-checkbox-tools" for="tool-3">
                            <i class='uil uil-ruler'></i>
                            ruler
                        </label><!--
                        --><input class="checkbox-tools" type="radio" name="tools" id="tool-4">
                        <label class="for-checkbox-tools" for="tool-4">
                            <i class='uil uil-crop-alt'></i>
                            crop
                        </label><!--
                        --><input class="checkbox-tools" type="radio" name="tools" id="tool-5">
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
/* Please ❤ this if you like it! */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext');
:root {
    --white: #ffffff;
    --light: #f0eff3;
    --black: #000000;
    --dark-blue: #1f2029;
    --dark-light: #353746;
    --red: #da2c4d;
    --yellow: #f8ab37;
    --grey: #ecedf3;
}
/* #Primary
================================================== */
body{
    width: 100%;
    background: var(--dark-blue);
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 30px;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear; 
}
p{
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    line-height: 30px;
    color: var(--white);
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Untitled"
Bootstrap 4.1.1 Snippet by vivekbisht109

Related: See More

Questions / Comments:

"Untitled" Bootstrap 4.1.1 Snippet by vivekbisht109

Related: See More

Questions / Comments:

"Untitled"
Bootstrap 4.1.1 Snippet by vivekbisht109