Save

wagabunda.net.pl/custom.js

@@ -1,4 +1,3 @@
-
 // function addGoogleReviews() {
 //     let topHeader = document.getElementById('main-header')
 //     if (!topHeader) return console.log('topHeader not found');
@@ -6,7 +5,6 @@
 //     let topHeaderMain = topHeader.querySelector('.functional-header .main')
 //     if (!topHeaderMain) return console.log('topHeaderMain not found');
 
-
 //     let children = topHeaderMain.querySelectorAll(':scope > div')
 //     if (children.length > 1) {
 //         children[1].remove()
@@ -26,25 +24,24 @@
 
 // addGoogleReviews()
 
-
 function addBtnHomePage() {
-    let slider = document.getElementById('widget197464156');
+	let slider = document.getElementById('widget197464156')
-    if (!slider) return;
+	if (!slider) return
 
-    let sliders = slider.querySelectorAll('.carousel .carousel-inner .item');
+	let sliders = slider.querySelectorAll('.carousel .carousel-inner .item')
-    console.log(sliders);
+	console.log(sliders)
 
-    sliders.forEach(function (item) {
+	sliders.forEach(function (item) {
-        let newLink = document.createElement("a");
+		let newLink = document.createElement('a')
-        newLink.innerHTML = "<span>Skontaktuj się z nami</span>";
+		newLink.innerHTML = '<span>Skontaktuj się z nami</span>'
-        newLink.href = "/contact";
+		newLink.href = '/contact'
-        newLink.className = "extra-link btn";
+		newLink.className = 'extra-link btn'
 
-        item.querySelector('.text-container').appendChild(newLink);
+		item.querySelector('.text-container').appendChild(newLink)
-    });
+	})
 }
 
-addBtnHomePage();
+addBtnHomePage()
 
 //! New header
 let header_html = `
@@ -54,6 +51,7 @@ let header_html = `
                 <div class="c-col c-col-1">
                     <a href="/">
                         <img src="/image//getbyid/514053">
+                        <span>SPECJALIŚCI OD WAKACJI</span>
                     </a>
                 </div>
                 <div class="c-col c-col-2">
@@ -72,13 +70,12 @@ let header_html = `
                 </div>
                 <div class="c-col c-col-4">
                     <ul class="box-social-header">
-                        <li>
+                        <li class="box-social-header-1">
                             <a href="https://www.facebook.com/479269998793537" target="_blank" class="btn-social text-color-1 background-color-12 mobile-menu-item" data-mobile-menu-item-type="social" data-mobile-menu-item-icon="fa-facebook" id="footer-btn-facebook">
-                                <span class="text">Znajdź nas</span>
+                                <img src="https://vcms.eu/image/getthumb/514243">
-                                <span class="fa fa-fw fa-facebook"></span>
                             </a>
                         </li>
-                        <li>
+                        <li class="box-social-header-2">
                             <a href="https://www.google.com/search?sca_esv=a55453b1a2e256c7&sxsrf=AE3TifNoSGmG80uQ-x7mtWOK5gpCW7JsEA:1749074537834&uds=AOm0WdE2fekQnsyfYEw8JPYozOKzrlAVkNCu_AoCAsiKnoHr1pg7JgUIHdDkJWfE1XKjyVTPHC-4q5ESJH2zE7vZdmMS0pOZf973xLUCTLP3IcLLfWH63gy1wQDFC6A5LWKxBohKjBYDyXSgmJGeLQ2eP3t8w5acByaD1qhbVny8b1B6hhsuCyQ&si=AMgyJEuzsz2NflaaWzrzdpjxXXRaJ2hfdMsbe_mSWso6src8s1htkSNfLSEhAxFYP5Svp_mWLUxmfe_GBYavp3unJ16h0Lo9m_I0mYEYNqC9tPHs_bfHt4k%3D&q=Biuro+Podr%C3%B3%C5%BCy+Wagabunda+Rzesz%C3%B3w+Opinie&sa=X&ved=2ahUKEwjLsI204tiNAxWNIRAIHUg5ID4Q3PALegQIQRAF&biw=2560&bih=935&dpr=1" target="_blank">
                                 <img src="https://vcms.eu/image/getthumb/513608">
                             </a>
@@ -90,8 +87,8 @@ let header_html = `
     </div>
 `
 
-const mainHeader = document.querySelector("#main-header");
+const mainHeader = document.querySelector('#main-header')
-const firstRow = mainHeader.querySelector(".row.sortable-row");
+const firstRow = mainHeader.querySelector('.row.sortable-row')
 if (firstRow) {
-    firstRow.outerHTML = header_html;
+	firstRow.outerHTML = header_html
 }

wagabunda.net.pl/styles.scss

@@ -1,4 +1,5 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Swanky+and+Moo+Moo&display=swap');
 
 $cYellow: #ffd024;
 $cYellowLight: #ffe37c;
@@ -8,6 +9,7 @@ $cTxtBlack: #191919;
 $cTxtBlack2: #2a2a2a;
 
 $fPoppins: 'Poppins', sans-serif;
+$fSwanky: 'Swanky and Moo Moo', sans-serif;
 
 //! Global - start
 * {
@@ -108,10 +110,26 @@ header#main-header {
 				&-1 {
 					width: calc((100% - 100px) / 3);
 
+					a {
+						display: flex;
+						flex-direction: column;
+						text-decoration: none;
+					}
+
 					img {
 						width: 100%;
 						max-width: 250px;
 					}
+					span {
+						color: #dd222a;
+						font-family: $fSwanky;
+						font-size: 24px;
+						width: 100%;
+						max-width: 250px;
+						text-align: center;
+						font-weight: 900;
+						text-decoration: none;
+					}
 				}
 				&-2 {
 					width: calc((100% - 100px) / 3);
@@ -134,6 +152,7 @@ header#main-header {
 				}
 				&-3 {
 					width: calc((100% - 100px) / 3);
+					height: 80px;
 
 					ul {
 						list-style: none;
@@ -178,18 +197,26 @@ header#main-header {
 								max-width: 80px;
 							}
 
-							.btn-social {
+							// .btn-social {
-								display: inline-flex;
+							// 	display: inline-flex;
-								padding: 5px 10px;
+							// 	padding: 5px 10px;
-								background: rgba(0, 133, 237, 1);
+							// 	background: rgba(0, 133, 237, 1);
-								flex-direction: row;
+							// 	flex-direction: row;
-								align-items: center;
+							// 	align-items: center;
-								width: max-content;
+							// 	width: max-content;
-								color: #fff;
+							// 	color: #fff;
-								border-radius: 5px;
+							// 	border-radius: 5px;
 
-								.text {
+							// 	.text {
-									font-size: 12px;
+							// 		font-size: 12px;
+							// 	}
+							// }
+
+							&.box-social-header-1 {
+								a {
+									img {
+										max-width: 90px;
+									}
 								}
 							}
 						}