?AlkantarClanX12

Your IP : 216.73.217.134

Current Path : /home/rankinh/saintgilleslesbains/wp-content/themes/pressville/
Upload File :
Current File : /home/rankinh/saintgilleslesbains/wp-content/themes/pressville/template_suivez_nous.php

<?php

/*
	Template Name: Page Suivez Nous
*/
if (!defined('ABSPATH')) {
    exit; // Exit if accessed directly
}

?>
<head>
    <title>Suivez-nous - Saint-Gilles les Bains</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
    <style>
        *, *::before, *::after{
            box-sizing: border-box;
            padding: 0;
            margin: 0;
        }
        section{
            height: 100%;
            width: 100%;
            position: relative;
            padding-top: 40px;
        }

        section::before, section::after{
            position: absolute;
            inset: 0;
            content: "";
            z-index: -1;
        }

        section::before{
            background: url(/wp-content/uploads/2024/09/saint-gilles-suivez-nous-fond.png);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }

        section::after{
            -webkit-backdrop-filter: blur(83px);
            backdrop-filter: blur(83px);
            filter: blur(0);
        }

        .contact-container{
            background: url(/wp-content/uploads/2024/09/saint-gilles-suivez-nous-fond.png);
            background-repeat: no-repeat;
            background-size: cover;
            -webkit-border-radius: 20px 20px 0 0;
            -moz-border-radius: 20px 20px 0 0;
            -khtml-border-radius: 20px 20px 0 0;
            border-radius: 20px 20px 0 0;
            max-width: 100%;
            margin: 0 15px;
            filter: drop-shadow(0 .4rem 48px rgba(0, 0, 0, .16));
            min-height: 100%;
        }

        .contact-header{
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            box-sizing: border-box;
            padding: 16px;
        }

        .contact-img{
            border-radius: 50%;
            height: 96px;
            width: 96px;
        }

        .contact-title{
            color: white;
            padding-top: 16px;
            margin: 0px;
            line-height: 24px;
            text-align: center;
            font-size: 16px;
            font-weight: 400;
            font-family: "Josefin Sans", sans-serif;
            color: rgb(255, 255, 255);
            white-space: normal;
        }

        .contact-socials {
            display: flex;
            flex-direction: column;
            gap: 16px;
            padding: 0 16px;
            flex: 1;
        }

        .contact-social{
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            color: rgb(255, 255, 255);
            font-family: "Josefin Sans", sans-serif;
            font-weight: 700;
            border: 2px solid rgb(255, 255, 255);
            border-radius: 23px;
            padding: 18px 50px;
            text-decoration: none;
            cursor: pointer;
            line-height: 150%;
        }

        .contact-social img {
            position: absolute;
            left: .4rem;
            top: 50%;
            transform: translateY(-50%);
            height: 46px;
            width: 46px;
            object-fit: cover;
            object-position: center;
            border-radius: 10rem;
            background: white;
        }

        @media screen and (min-width: 815px) {
            .contact-container{    
                max-width: 680px;
                margin: 0 auto;
            }
        }
    </style>
</head>



<section>
    <div class="contact-container toto">
        <div class="contact-header">
            <img class="contact-img" src="/wp-content/uploads/2024/08/cropped-logo-sglb.png" alt="Logo SaintGillesLesBains.com">
            <div class="contact-title">saintgilleslesbains.com</div>
        </div>
        <div class="contact-socials">
            <a href="https://saintgilleslesbains.com" target="_blank" class="contact-social">
                <img src="/wp-content/uploads/2024/09/suivez-nous-www.png" alt="Suivez-nous sur notre site">
                <span>Site Web</span>
            </a>
            <a href="https://www.facebook.com/profile.php?id=61562351426722" target="_blank" class="contact-social">
                <img src="/wp-content/uploads/2024/09/suivez-nous-facebook.png" alt="Suivez-nous sur Facebook">
                <span>Facebook</span>
            </a>
            <a href="https://www.instagram.com/saintgilleslesbains974" target="_blank" class="contact-social">
                <img src="/wp-content/uploads/2024/09/suivez-nous-instagram.png" alt="Suivez-nous sur Intagram">
                <span>Intagram</span>
            </a>
            <a href="https://www.tiktok.com/@saintgilleslesbains.com" target="_blank" class="contact-social">
                <img src="/wp-content/uploads/2024/09/suivez-nous-tiktok.png" alt="Suivez-nous sur Tiktok">
                <span>Tiktok</span>
            </a>
            <a href="https://www.youtube.com/@saintgilleslesbainsmedia" target="_blank" class="contact-social">
                <img src="/wp-content/uploads/2024/09/suivez-nous-youtube.png" alt="Suivez-nous sur Youtube">
                <span>Youtube</span>
            </a>
        </div>
    </div>
</section>