Skip to content

Commit

Permalink
New updates
Browse files Browse the repository at this point in the history
  • Loading branch information
VishalBin committed Dec 5, 2022
1 parent 42e58cf commit f61b5d2
Show file tree
Hide file tree
Showing 13 changed files with 111 additions and 44 deletions.
4 changes: 2 additions & 2 deletions about.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<body>
<header class="mb-5">
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container-fluid">
<div class="container-fluid responsive-container">
<div class="mobile-nav">
<a class="navbar-brand pt-0" href="index.html">
<img src="./images/logo.svg" class="logo" alt="">
Expand Down Expand Up @@ -142,7 +142,7 @@ <h1 class="text-white">It is a long establishment fact that <br >a reader will b

<!-- center about- page START-->
<section>
<div class="about-center-section">
<div class="about-center-section responsive-container">
<div class="container-fluid">
<div class="row justify-content-between align-items-center">
<div class="col-md-3 px-0">
Expand Down
4 changes: 2 additions & 2 deletions blogs.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<body>
<header class="mb-5">
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container-fluid">
<div class="container-fluid responsive-container">
<div class="mobile-nav">
<a class="navbar-brand pt-0" href="index.html">
<img src="./images/logo.svg" class="logo" alt="">
Expand Down Expand Up @@ -137,7 +137,7 @@ <h1 class="content-blog">It is a long established fact<br > that a reader will b
</section>

<!-- center content -->
<section class="center-content-blog">
<section class="center-content-blog responsive-container">
<div class="container mt-5">
<h1 class="text-black">Articles</h1>
<div class="row g-3">
Expand Down
4 changes: 2 additions & 2 deletions contact.html
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
<body>
<header class="mb-5">
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container-fluid">
<div class="container-fluid responsive-container">
<div class="mobile-nav">
<a class="navbar-brand pt-0" href="index.html">
<img src="./images/logo.svg" class="logo" alt="">
Expand Down Expand Up @@ -305,7 +305,7 @@ <h4>4.Schedule a call with our tech expert. Get a detailed tech consultation for
<!-- center form contact- page END -->

<!-- section address start -->
<section class="section-address">
<section class="section-address responsive-container">
<div class="container">
<div class="row justify-content-end">
<div class="col-md-5">
Expand Down
62 changes: 58 additions & 4 deletions css/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -371,6 +371,7 @@ h1 {
background-image: url('../images/Mask\ Group\ 1.png'), url('../images/Mask\ Group\ 2.png'), url('../images/Group\ 5456\ copy.png');
background-size: 7rem, 7rem, 15rem;
background-position: right -2% center, left -2% center, left -4% top;
/* background-attachment:fixed; */
background-repeat: no-repeat;
}

Expand Down Expand Up @@ -1062,14 +1063,34 @@ h1 {

/* work page css */
.header-hero-section-work {
height: 500px;
background-image: url('../images/OurWork/Group\ 5506.svg'), url('../images/OurWork/Group\ 5521.svg'), url('../images/OurWork/Group\ 5522.svg');
/* height: 500px; */
/* background-image: url('../images/OurWork/Group\ 5506.svg'), url('../images/OurWork/Group\ 5521.svg'), url('../images/OurWork/Group\ 5522.svg');
background-position: right 15% bottom, left 15% bottom, center left 30%;
background-size: 25rem, 7rem, 60%;
background-size: 25rem, 7rem, 60%; */
background-image:url('../images/OurWork/Group\ 5522.svg');
background-position: center left 30%;
background-size:60%;
background-repeat: no-repeat;
background-color: var(--blue);
}

.img-container{
position:relative;
margin-top:-5%;
}

.header-hero-section-work .img-one{
width:10%;
position:absolute;
bottom: 0;
left: 10%;
}
.header-hero-section-work .img-two{
width: 60%;
position: relative;
bottom: 0;
}

.content-work {
color: var(--white-color);
font-family: buzzbold;
Expand Down Expand Up @@ -1327,7 +1348,7 @@ display: none;
}

.about-content-yellow-bg div {
margin-left: 7rem;
margin-left: 10rem;
margin-top: 2rem;
}

Expand Down Expand Up @@ -1629,4 +1650,37 @@ display: none;
text-align: center;
background-color: var(--light-gray);
font-size: 0.8rem;
}

/* custom code for animation */
@keyframes bounce {
from {
transform: translateX(0px);
}
to {
transform: translateX(-20px);
}
}

.box-animate {
animation:
bounce 1000ms
alternate infinite
cubic-bezier(.2, .65, .6, 1);
}

@keyframes bounce-y {
from {
transform: translateY(0px);
}
to {
transform: translateY(-20px);
}
}

.box-animate-y {
animation:
bounce-y 1000ms
alternate infinite
cubic-bezier(.2, .65, .6, 1);
}
4 changes: 4 additions & 0 deletions css/responsive.css
Original file line number Diff line number Diff line change
Expand Up @@ -702,6 +702,10 @@
background-color: var(--blue);
}

.img-container{
display: none;
}

.content-work {
color: var(--white-color);
font-family: buzzbold;
Expand Down
12 changes: 6 additions & 6 deletions design.html
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
<body>
<header>
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container-fluid">
<div class="container-fluid responsive-container">
<div class="mobile-nav">
<a class="navbar-brand pt-0" href="index.html">
<img src="./images/logo.svg" class="logo" alt="">
Expand Down Expand Up @@ -178,14 +178,14 @@ <h1>Design</h1>
</div>
</div>
<div class="col-md-6 design-img-container text-end">
<img src="./images/Design/Group 5483.svg" class="design-img" alt="">
<img src="./images/Design/Group 5483.svg" class="design-img box-animate" alt="">
</div>
</div>
</div>
</section>

<!-- section featured -->
<section class="featured-secondary-slider mt-5">
<section class="featured-secondary-slider mt-5 responsive-container">
<div class="container">
<div class="sliderfeature-secondary">
<div>
Expand Down Expand Up @@ -254,7 +254,7 @@ <h1>Design</h1>
</section>

<!-- strategies section strat-->
<section class="design-section">
<section class="design-section responsive-container">
<div class="container">
<div class="row list-columns align-items-center">
<div class="col-md-5 text-center">
Expand Down Expand Up @@ -319,7 +319,7 @@ <h1>Packaging</h1>
<div class="container">
<h1 class="text-white">Case Studies</h1>
</div>
<div class="casestudies-container pc-case-study">
<div class="casestudies-container pc-case-study responsive-container">
<div class="casestudies">
<div>
<img src="images/OurWork/snap1.png" class="rounded" style="width:95% ;" alt="">
Expand Down Expand Up @@ -589,7 +589,7 @@ <h2>Healthcare</h2>
<!-- Industries we works ends -->

<!-- section testimonials -->
<section class="testimonials">
<section class="testimonials responsive-container">
<div class="text-center">
<h2 class="hindi2"><span>#</span>क्या कहना</h2>
<h1>Testimonials</h1>
Expand Down
1 change: 1 addition & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<title>Buzz Makers</title>

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous" >
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" >
Expand Down
12 changes: 6 additions & 6 deletions marketing.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<body>
<header>
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container-fluid">
<div class="container-fluid responsive-container">
<div class="mobile-nav">
<a class="navbar-brand pt-0" href="index.html">
<img src="./images/logo.svg" class="logo" alt="">
Expand Down Expand Up @@ -129,14 +129,14 @@ <h1>Marketing</h1>
</div>
</div>
<div class="col-md-6 marketing-img-container text-end">
<img src="./images/Marketing/Group 5476.svg" class="marketing-img" alt="">
<img src="./images/Marketing/Group 5476.svg" class="marketing-img box-animate" alt="">
</div>
</div>
</div>
</section>

<!-- section featured -->
<section class="featured-secondary-slider">
<section class="featured-secondary-slider responsive-container">
<div class="container">
<div class="sliderfeature-secondary">
<div>
Expand Down Expand Up @@ -205,7 +205,7 @@ <h1>Marketing</h1>
</section>

<!-- strategies section strat-->
<section class="marketing-section">
<section class="marketing-section responsive-container">
<div class="container">
<div class="row list-columns align-items-center">
<div class="col-md-5 text-center">
Expand Down Expand Up @@ -275,7 +275,7 @@ <h1>Performance Marketing</h1>
<div class="container">
<h1 class="text-white">Case Studies</h1>
</div>
<div class="casestudies-container pc-case-study">
<div class="casestudies-container pc-case-study responsive-container">
<div class="casestudies">
<div>
<img src="images/OurWork/snap1.png" class="rounded" style="width:95% ;" alt="">
Expand Down Expand Up @@ -545,7 +545,7 @@ <h2>Healthcare</h2>
<!-- Industries we works ends -->

<!-- section testimonials -->
<section class="testimonials">
<section class="testimonials responsive-container">
<div class="text-center">
<h2 class="hindi2"><span>#</span>क्या कहना</h2>
<h1>Testimonials</h1>
Expand Down
2 changes: 1 addition & 1 deletion news.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<body>
<header class="mb-5">
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container-fluid">
<div class="container-fluid responsive-container">
<div class="mobile-nav">
<a class="navbar-brand pt-0" href="index.html">
<img src="./images/logo.svg" class="logo" alt="">
Expand Down
12 changes: 6 additions & 6 deletions strategy.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<body>
<header>
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container-fluid">
<div class="container-fluid responsive-container">
<div class="mobile-nav">
<a class="navbar-brand pt-0" href="index.html">
<img src="./images/logo.svg" class="logo" alt="">
Expand Down Expand Up @@ -137,14 +137,14 @@ <h1>Strategy</h1>
</div>
</div>
<div class="col-md-6 strategy-img-container text-end">
<img src="./images/stratey/Group 5451.svg" class="strategy-img" alt="">
<img src="./images/stratey/Group 5451.svg" class="strategy-img box-animate" alt="">
</div>
</div>
</div>
</section>

<!-- section featured -->
<section class="featured-secondary-slider">
<section class="featured-secondary-slider responsive-container">
<div class="container">
<div class="sliderfeature-secondary">
<div>
Expand Down Expand Up @@ -213,7 +213,7 @@ <h1>Strategy</h1>
</section>

<!-- strategies section strat-->
<section class="strategy-section">
<section class="strategy-section responsive-container">
<div class="container">
<div class="row list-columns align-items-center">
<div class="col-md-5 text-center">
Expand Down Expand Up @@ -284,7 +284,7 @@ <h1>Brand Management</h1>
<div class="container">
<h1 class="text-white">Case Studies</h1>
</div>
<div class="casestudies-container pc-case-study">
<div class="casestudies-container pc-case-study responsive-container">
<div class="casestudies">
<div>
<img src="images/OurWork/snap1.png" class="rounded" style="width:95% ;" alt="">
Expand Down Expand Up @@ -561,7 +561,7 @@ <h2>Healthcare</h2>
<!-- Industries we works ends -->

<!-- section testimonials -->
<section class="testimonials">
<section class="testimonials responsive-container">
<div class="text-center">
<h2 class="hindi2"><span>#</span>क्या कहना</h2>
<h1>Testimonials</h1>
Expand Down
12 changes: 6 additions & 6 deletions studio.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<body>
<header>
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container-fluid">
<div class="container-fluid responsive-container">
<div class="mobile-nav">
<a class="navbar-brand pt-0" href="index.html">
<img src="./images/logo.svg" class="logo" alt="">
Expand Down Expand Up @@ -136,14 +136,14 @@ <h1>Studio</h1>
</div>
</div>
<div class="col-md-6 studio-img-container text-end">
<img src="./images/Studio/Group 5500.svg" class="studio-img" alt="">
<img src="./images/Studio/Group 5500.svg" class="studio-img box-animate" alt="">
</div>
</div>
</div>
</section>

<!-- section featured -->
<section class="featured-secondary-slider mt-5">
<section class="featured-secondary-slider mt-5 responsive-container">
<div class="container">
<div class="sliderfeature-secondary">
<div>
Expand Down Expand Up @@ -212,7 +212,7 @@ <h1>Studio</h1>
</section>

<!-- strategies section strat-->
<section class="studio-section">
<section class="studio-section responsive-container">
<div class="container">
<div class="row list-columns align-items-center">
<div class="col-md-5 text-center">
Expand Down Expand Up @@ -278,7 +278,7 @@ <h1>Shoot & Edit</h1>
<div class="container">
<h1 class="text-white">Case Studies</h1>
</div>
<div class="casestudies-container pc-case-study">
<div class="casestudies-container pc-case-study responsive-container">
<div class="casestudies">
<div>
<img src="images/OurWork/snap1.png" class="rounded" style="width:95%;" alt="">
Expand Down Expand Up @@ -548,7 +548,7 @@ <h2>Healthcare</h2>
<!-- Industries we works ends -->

<!-- section testimonials -->
<section class="testimonials">
<section class="testimonials responsive-container">
<div class="text-center">
<h2 class="hindi2"><span>#</span>क्या कहना</h2>
<h1>Testimonials</h1>
Expand Down
Loading

0 comments on commit f61b5d2

Please sign in to comment.