<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>BLOG CA-CB</title>
    <style>
        @font-face {
            font-family: 'open_sansregular';
            src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff');
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'open_sansbold';
            src: url('../fonts/OpenSans_Bold.woff2') format('woff2'), url('../fonts/OpenSans_Bold.woff') format('woff');
            font-weight: normal;
            font-style: normal;
        }
        
        body {
           font-family: 'open_sansregular';
            color: $black;
            font-weight: normal
        }
        
        strong {
            font-family: 'open_sansbold';
        }
        
        h1,
        h2 {
           font-family: 'open_sansregular';
        }
        
        h1,
        h2 {
            font-size: 1.8rem;
            margin: 50px auto
        }
        
        span {
            display: block;
        }
        
        header {
            margin: 50px auto 20px auto;
            text-align: center
        }
        
        main {
            text-align: center;
            background: #dbec9b;
            padding: 30px 0;
        }
        
        a {
            font-family: 'open_sansregular';
            color: #008a94;
        }
        
        footer {
            margin: 50px auto 0 auto;
            text-align: center
        }
        
        footer a {
            display: inline-block;
            margin: 0 3px;
        }
    </style>
</head>

<body>
    <header><img src="img/logo-CA-CB.jpg"></header>
    <main>
        <h1>Retrouvez toute l’actualité du Crédit Agricole de Champagne-Bourgogne <br>sur <a href="https://www.credit-agricole.fr/ca-cb/particulier.html">www.credit-agricole.fr/ca-cb</a> & sur nos réseaux sociaux.</h1>
        <h2> Consultez <a href="https://www.credit-agricole.fr/ca-cb/particulier/conseils/magazine/tout-un-mag.html">TOUT <strong>UN MAG </strong>POUR VOUS</a><br>Toutes les questions que vous vous posez sur l'argent et même sur la vie.</h2>
    </main>
    <footer>
        <p>
            <a href="https://www.facebook.com/CAChampagneBourgogne"><img src="img/ic-facebook.png"></a>
            <a href="https://twitter.com/CAChampBourg"><img src="img/ic-twitter.png"></a>
            <a href="https://www.instagram.com/CA_ChampagneBourgogne"><img src="img/ic-insta.png"></a>
            <a href="https://www.linkedin.com/company/cr-dit-agricole-de-champagne-bourgogne"><img src="img/ic-linkedin.png"></a>
            <a href="https://www.youtube.com/channel/UCc7SYxJ00qa2odEnI0KoE8g"> <img src="img/ic-youtube.png"></a>
        </p>
    </footer>
</body>

</html>