Bootstrap Snippet Coming Soon Template 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.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/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 ---------->
<section class="main-screen">
            <!-- Side Menu -->
            <div class='float-menu pr-2 py-3' id="float-menu">
                <a href="#" class="menu-icon" id="menu-handle">
                    <div id="nav-icon1">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </a>
                <div class="content-block">
                    <!-- Heading section -->
                    <div class="head mb-5 mt-0">
                        <div class="col-md-10 mx-auto">
                            <h2 class="text-uppercase">About Us</h1>
                            <p class="lead">Creating a better world requires teamwork, partnerships, and collaboration</p><p>We need an entire army of companies to work together to build a better world within the next few decades. This means corporations must embrace the benefits of cooperating with one another.</p>
                            <p>The best teamwork comes from men who are working independently toward one goal in unison.</p>
                            <hr>
                            
                            <!-- Team Section -->
                            <h3 class="mb-3">Board Members</h3>
                            <p>Individual commitment to a group effort - that is what makes a team work, a company work, a society work, a civilization work.</p>
                            <div class="team-block row">
                                <div class="col-sm-4 col-md-4 mb-3">
                                    <div class="member-box anim-lf t-bottom">
                                        <img class="img-fluid" src="https://grafreez.com/wp-content/temp_demos/coming-soon-demo/assets/img/t-member-01.jpg" alt="">
                                        <div class="overlay-content">
                                            <h4 class="text-white ml-3 my-0">Jim Gorden</h4>
                                            <p class="text-white ml-3 mb-3">Developer</p>
                                            <span class="socail-l ml-3 mb-3">
                                                <a href="#" class="mr-2"><i class="fa fa-facebook box-circle-solid"></i></a>
                                                <a href="#" class="mr-2"><i class="fa fa-twitter box-circle-solid"></i></a>
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("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
body,html{
    height: 100%;
}
body{
    font-family: 'Lato', sans-serif;
}
/*==========General==========*/
h1,h2,h3,h4,h5,h6{
    font-weight: 700;
}
a{
    color: #fff;
}
.btn{
    border-radius: 0;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}
.btn:focus{
    box-shadow: none;
}
.btn-primary{
    background-color: #00cec9;
    border-color: #00cec9;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active{
    background-color: #098c87;
    border-color: #098c87;
}
.form-control{
    border-radius: 0;
    border:none;
    border-bottom: 2px solid #666;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Coming Soon Template"
Bootstrap 4.0.0 Snippet by grafreez

Related: See More

Questions / Comments:

"Coming Soon Template" Bootstrap 4.0.0 Snippet by grafreez

Related: See More

Questions / Comments:

"Coming Soon Template"
Bootstrap 4.0.0 Snippet by grafreez