Skip to content

Commit ea6a954

Browse files
author
Asina7
committed
button positions chnges in hero page
1 parent c8c2c77 commit ea6a954

File tree

6 files changed

+62
-43
lines changed

6 files changed

+62
-43
lines changed

‎src/components/Blog/MainSection.vue

Lines changed: 17 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -36,8 +36,8 @@
3636
</div>
3737

3838
</div>
39-
<div class="m-auto">
40-
<button class="btn btn-primary" v-if="showMoreButton" @click="commentsToShow += 3">Show More</button>
39+
<div class="hero-item-btn m-auto">
40+
<button class="hero-btn1" v-if="showMoreButton" @click="commentsToShow += 3">Show More</button>
4141
</div>
4242

4343

@@ -142,7 +142,21 @@ $("#close_offcanvas").click(function () {
142142
}
143143
</script>
144144
<style scoped>
145-
145+
.hero-item-btn .hero-btn1{
146+
border: 1px solid black;
147+
border-radius: 20px;
148+
width: 150px;
149+
padding: 5px;
150+
text-align: center;
151+
cursor: pointer;
152+
margin-top: 20px;
153+
cursor: pointer;
154+
155+
}
156+
.hero-item-btn .hero-btn1:hover{
157+
color: white;
158+
background: black;
159+
}
146160
.line{
147161
/* display: none!important; */
148162
}

‎src/components/Home/FloatingWhatsapp.vue

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
position:fixed;
3737
width:60px;
3838
height:60px;
39-
bottom:100px;
39+
bottom:50px;
4040
right:40px;
4141
background-color:#256a8f;
4242
color:#FFF;
@@ -56,7 +56,7 @@
5656
position:fixed;
5757
width:60px;
5858
height:60px;
59-
bottom:100px;
59+
bottom:50px;
6060
left:40px;
6161
background-color:#256a8f;
6262
color:#FFF;
@@ -66,6 +66,11 @@
6666
box-shadow: 2px 2px 3px #999;
6767
z-index:100;
6868
}
69+
@media only screen and (max-width:768px){
70+
.float1,.float{
71+
bottom:55px;
72+
}
73+
}
6974
7075
7176

‎src/components/Home/FooterPage.vue

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,12 @@
5454
</div>
5555

5656

57-
57+
<div class="footer__copyright">
58+
<p>© 2022 - 2025 | Alrights reserved by <a href="https://wealcoder.com/"
59+
target="_blank">Wealcoder</a>
60+
</p>
61+
</div>
62+
5863
<div class="footer__subscribe">
5964
<form action="#">
6065
<input type="email" name="email" placeholder="Enter your email">

‎src/components/Home/MainHeader.vue

Lines changed: 18 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -21,31 +21,9 @@
2121
</div>
2222
<div class="header__nav-2">
2323
<ul class="main-menu-3 menu-anim list-menu">
24-
<!-- <li>
25-
<a><router-link to="/">HOME</router-link></a>
26-
</li>
27-
<li>
28-
<a> <router-link to="/About">ABOUT</router-link></a>
29-
</li>
30-
<li>
31-
<a><router-link to="/Pages">PAGES</router-link></a>
32-
</li>
33-
<li>
34-
<a><router-link to="/Services">SERVICES</router-link></a>
35-
</li>
36-
<li>
37-
<a><router-link to="/Team">TEAM</router-link></a>
38-
</li>
39-
<li>
40-
<a><router-link to="/Blog">BLOG</router-link></a>
41-
</li>
42-
<li>
43-
<a><router-link to="/Contact">CONTACT</router-link></a>
44-
</li> -->
45-
<li><router-link to="/contact"><button>Let's Talk</button></router-link></li>
24+
<router-link to="/contact"> <li><button class="hero-btn">Let's Talk</button></li></router-link>
4625
<li><a href="tel:+971 4 321 0710"><i class="fa-solid fa-phone"> </i>+971 4 321 0710</a></li>
47-
48-
26+
4927
</ul>
5028
</div>
5129
<div class="header__nav-icon-3">
@@ -387,11 +365,20 @@ export default {
387365
padding: 2rem;
388366
border-right: 1px solid rgb(53, 51, 51);
389367
}
390-
.list-menu button {
368+
/* .list-menu button {
391369
border: 1px solid black;
392370
width: 120px;
393371
border-radius: 30px;
394372
padding: 2px;
373+
} */
374+
.list-menu .hero-btn {
375+
border: 1px solid black;
376+
border-radius:20px;
377+
width: 150px;
378+
padding: 5px;
379+
text-align: center;
380+
cursor: pointer;
381+
margin-top: 19px;
395382
}
396383
.list-menu button:hover {
397384
background-color: black;
@@ -477,4 +464,10 @@ export default {
477464
.offcanvas__links ul li a{
478465
font-size: 38px;
479466
}
467+
@media screen and (max-width: 960px){
468+
.search-icon{
469+
display: none;
470+
}
471+
}
472+
480473
</style>

‎src/components/Home/MainSection/HeroSection.vue

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,9 @@
2323
<div class="hero__text-3">
2424
<p class="animation__word_come para-text">Static and dynamic secure code review can prevent a day before your
2525
product is even released. We can integrate with your dev environment</p>
26+
<div class="hero-item-btn">
27+
<button class="hero-btn">Let's Try</button>
28+
</div>
2629
</div>
2730
<div class="scroll-down">
2831
<button><img src="@/assets/imgs/icon/arrow-down-sm.png" alt="arrow icon"></button>
@@ -45,14 +48,9 @@
4548
</div>
4649
</div>
4750
</div>
48-
49-
</div>
50-
<div class="hero-item-btn">
51-
<button class=" hero-btn">let's try</button>
5251
</div>
52+
5353
</div>
54-
55-
5654
<div class="hero3-img-ani">
5755
<img src="@/assets/imgs/hero/3/1.jpg" alt="Hero Image" class="hero3-img">
5856
</div>
@@ -105,17 +103,17 @@
105103
text-align: center;
106104
cursor: pointer;
107105
margin-top: 20px;
108-
cursor: pointer;
109-
position: absolute;
110-
left: 126px;
111-
bottom: 230px;
106+
cursor: pointer!important;
107+
/* position: absolute; */
108+
/* left: 100px; */
109+
/* bottom: 230px; */
112110
113111
}
114112
/* .hero-item-btn .hero-btn:hover{
115113
color: white;
116114
} */
117-
.hero-item-btn .hero-btn:hover{
118-
background-color:rgb(0, 0, 0);
115+
.hero-item-btn .hero-btn:hover{
116+
background-color:rgb(0, 0, 0)!important;
119117
color: antiquewhite;
120118
}
121119
/* text anim */

‎src/components/Home/MainSection/TestimonialSection.vue

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -157,6 +157,10 @@
157157
cursor: pointer;
158158
159159
}
160+
.hero-item-btn{
161+
width: fit-content;
162+
}
163+
160164
.hero-item-btn .hero-btn1:hover{
161165
color: white;
162166
background: black;

0 commit comments

Comments
 (0)