Resume Hero

Resume Hero bootstrap 4 snippet

Download Files

Download Files contains - HTML,CSS,JS,Images Files

With cover and overlapped profile picture

                                        
                                      /* ------------------------------------------------------------------- */
/* Import Section
---------------------------------------------------------------------- */
@import url("base.css");    /* Default Reset, Typography, Forms, etc. */
@import url("bootstrap.min.css");   /* Bootstrap 4.3.1 */
@import url("fontawesome.all.min.css");  /* Font-awesome 5.9.0 */
@import url("https://fonts.googleapis.com/css?family=Pacifico");
@import url("https://fonts.googleapis.com/css?family=Rokkitt");
@import url("https://fonts.googleapis.com/css?family=Abhaya+Libre");

/* ==========================================================================
   Header Section
   ========================================================================== */
.banner_area {
    background: #11092A;
}
.oflow-hd {
    overflow: hidden;
}
.banner_box_wrapper {
    padding-top: 370px;
    padding-bottom: 170px;
    text-align: center;
    position: relative;
}
.banner_box {
    position: relative;
    z-index: 1;
}
.banner_box_title {
    margin-bottom: 12px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Roboto;
    font-weight: 700;
}
.banner_box_title h1 {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    font-size: 72px;
}
.banner_box_profession {
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    margin-bottom: 40px;
}
.banner_box_social_menu ul {
    list-style: none;
}
.banner_box_social_menu ul li {
    display: inline-block;
    margin-right: 37px;
}
.banner_box_social_menu ul li a {
    display: block;
    font-size: 20px;
    color: #fff;
}
.banner_men {
    position: absolute;
    bottom: -240px;
    right: 0;
    z-index: 0;
    width: 416px;
    opacity: 0.15;
}
img {
    border: none;
    max-width: 100%;
    height: auto;
}
.white_curve {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}      
                                        
                                    

                                        
                                      Js      
                                        
                                    

More Bootstrap UI Components

Navigation with Sub Dropdown

152 0 navigation.BS4

Single column service with Image

177 0 services,BS4

Testimonials Block with Swiper Slider

362 0 testimonials,BS5

What we do Services Section

143 0 services,BS4

Semantic Testimonials Block

139 0 testimonials,BS4

Stunning Hero Section

115 0 hero,BS4

Mint Navigation Block

154 0 navigation.BS3

Tired of Opening One Strap After Another?

Go to Pricing and start using AJAX Filter Options, no need to open multiple pages.

Get Started