Skip to content

Commit aec8293

Browse files
Theheavenlyprogrammer333Theheavenlyprogrammer333
authored
Update style.css
1 parent 6b4270c commit aec8293

File tree

1 file changed

+207
-0
lines changed

1 file changed

+207
-0
lines changed

‎style.css‎

Lines changed: 207 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -734,8 +734,215 @@ swiper-slide {
734734
height: 100%;
735735
object-fit:contain;
736736
}
737+
738+
739+
.w1 {
740+
min-width: 130px;
741+
min-height: 400px;
742+
color: #fff;
743+
padding: 5px 10px;
744+
font-weight: bold;
745+
cursor: pointer;
746+
transition: all 0.3s ease;
747+
position: relative;
748+
display: inline-block;
749+
outline: none;
750+
border-radius: 5px;
751+
z-index: 0;
752+
background: #fff;
753+
overflow: hidden;
754+
border: 2px solid #ffd819;
755+
color: #ffd819;
756+
}
757+
.w1:hover {
758+
color: #fff;
759+
}
760+
.w1:hover:after {
761+
height: 100%;
762+
}
763+
.w1:after {
764+
content: "";
765+
position: absolute;
766+
z-index: -1;
767+
transition: all 0.3s ease;
768+
left: 0;
769+
top: 0;
770+
height: 0;
771+
width: 100%;
772+
background: #ffd819;
773+
}
774+
775+
.w2 {
776+
min-width: 130px;
777+
min-height: 400px;
778+
color: #fff;
779+
padding: 5px 10px;
780+
font-weight: bold;
781+
cursor: pointer;
782+
transition: all 0.3s ease;
783+
position: relative;
784+
display: inline-block;
785+
outline: none;
786+
border-radius: 5px;
787+
z-index: 0;
788+
background: #fff;
789+
overflow: hidden;
790+
border: 2px solid #f126bf;
791+
color: #f126bf;
792+
}
793+
.w2:hover {
794+
color: #fff;
795+
}
796+
.w2:hover:after {
797+
height: 100%;
798+
}
799+
.w2:after {
800+
content: "";
801+
position: absolute;
802+
z-index: -1;
803+
transition: all 0.3s ease;
804+
left: 0;
805+
top: 0;
806+
height: 0;
807+
width: 100%;
808+
background: #f126bf;
809+
}
810+
811+
.w3 {
812+
min-width: 130px;
813+
min-height: 400px;
814+
color: #fff;
815+
padding: 5px 10px;
816+
font-weight: bold;
817+
cursor: pointer;
818+
transition: all 0.3s ease;
819+
position: relative;
820+
display: inline-block;
821+
outline: none;
822+
border-radius: 5px;
823+
z-index: 0;
824+
background: #fff;
825+
overflow: hidden;
826+
border: 2px solid #00b4d8;
827+
color: #00b4d8;
828+
}
829+
.w3:hover {
830+
color: #fff;
831+
}
832+
.w3:hover:after {
833+
height: 100%;
834+
}
835+
.w3:after {
836+
content: "";
837+
position: absolute;
838+
z-index: -1;
839+
transition: all 0.3s ease;
840+
left: 0;
841+
top: 0;
842+
height: 0;
843+
width: 100%;
844+
background: #00b4d8;
845+
}
846+
847+
848+
.w4 {
849+
min-width: 130px;
850+
min-height: 400px;
851+
color: #fff;
852+
padding: 5px 10px;
853+
font-weight: bold;
854+
cursor: pointer;
855+
transition: all 0.3s ease;
856+
position: relative;
857+
display: inline-block;
858+
outline: none;
859+
border-radius: 5px;
860+
z-index: 0;
861+
background: #fff;
862+
overflow: hidden;
863+
border: 2px solid #6a994e;
864+
color: #6a994e;
865+
}
866+
.w4:hover {
867+
color: #fff;
868+
}
869+
.w4:hover:after {
870+
height: 100%;
871+
}
872+
.w4:after {
873+
content: "";
874+
position: absolute;
875+
z-index: -1;
876+
transition: all 0.3s ease;
877+
left: 0;
878+
top: 0;
879+
height: 0;
880+
width: 100%;
881+
background: #6a994e;
882+
}
883+
884+
.w5 {
885+
min-width: 130px;
886+
min-height: 400px;
887+
color: #fff;
888+
padding: 5px 10px;
889+
font-weight: bold;
890+
cursor: pointer;
891+
transition: all 0.3s ease;
892+
position: relative;
893+
display: inline-block;
894+
outline: none;
895+
border-radius: 5px;
896+
z-index: 0;
897+
background: #fff;
898+
overflow: hidden;
899+
border: 2px solid #590d22;
900+
color: #590d22;
901+
}
902+
.w5:hover {
903+
color: #fff;
904+
}
905+
.w5:hover:after {
906+
height: 100%;
907+
}
908+
.w5:after {
909+
content: "";
910+
position: absolute;
911+
z-index: -1;
912+
transition: all 0.3s ease;
913+
left: 0;
914+
top: 0;
915+
height: 0;
916+
width: 100%;
917+
background: #590d22;
918+
}
919+
737920

738921

922+
923+
/*our offerings button*/
924+
925+
926+
.offer {background-image: linear-gradient(to right, #83a4d4 0%, #b6fbff 51%, #83a4d4 100%)}
927+
.offer {
928+
margin: 10px;
929+
padding: 15px 45px;
930+
text-align: center;
931+
text-transform: uppercase;
932+
transition: 0.5s;
933+
background-size: 200% auto;
934+
color: white;
935+
box-shadow: 0 0 20px #eee;
936+
border-radius: 10px;
937+
display: block;
938+
}
939+
940+
.offer:hover {
941+
background-position: right center; /* change the direction of the change here */
942+
color: #fff;
943+
text-decoration: none;
944+
}
739945

740946

741947

948+

0 commit comments

Comments
 (0)