Embed

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blue Bison Contact Section</title>

<style>

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family: Arial, sans-serif;
    background:#f8f8f8;
    color:#111;
}

/* =========================
   CONTACT SECTION
========================= */

.bb-contact-wrapper{
    width:100%;
    background:#fff;
}

.bb-contact{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:850px;
}

/* =========================
   LEFT SIDE
========================= */

.bb-contact-left{
    padding:80px 7%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#fff;
}

.bb-contact-left h1{
    font-size:64px;
    font-family: Georgia, serif;
    font-weight:400;
    color:#081223;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:15px;
}

.bb-line{
    width:90px;
    height:3px;
    background:#081223;
    margin-bottom:40px;
}

.bb-contact-left h2{
    font-size:34px;
    font-family: Georgia, serif;
    font-weight:400;
    margin-bottom:15px;
    color:#081223;
}

.bb-contact-left p{
    font-size:17px;
    line-height:1.8;
    color:#666;
    margin-bottom:40px;
}

/* =========================
   CONTACT INFO
========================= */

.bb-contact-info{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-bottom:50px;
}

.bb-info-box{
    border-right:1px solid #ddd;
    padding-right:20px;
}

.bb-info-box:last-child{
    border-right:none;
}

.bb-info-box h3{
    font-size:18px;
    margin-bottom:12px;
    color:#081223;
}

.bb-info-box p{
    font-size:15px;
    line-height:1.8;
    color:#555;
    margin:0;
}

/* =========================
   FORM
========================= */

.bb-contact-form{
    width:100%;
}

.bb-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.bb-contact-form input,
.bb-contact-form textarea{
    width:100%;
    padding:18px;
    border:1px solid #ddd;
    margin-bottom:18px;
    font-size:15px;
    outline:none;
    transition:0.3s;
    background:#fff;
}

.bb-contact-form input:focus,
.bb-contact-form textarea:focus{
    border-color:#081223;
}

.bb-contact-form textarea{
    height:170px;
    resize:none;
}

.bb-contact-form button{
    background:#081223;
    color:#fff;
    border:none;
    padding:18px 45px;
    font-size:15px;
    text-transform:uppercase;
    cursor:pointer;
    transition:0.3s;
    letter-spacing:1px;
}

.bb-contact-form button:hover{
    background:#0d1d35;
}

/* =========================
   RIGHT SIDE MAP
========================= */

.bb-contact-right{
    position:relative;
    width:100%;
    min-height:850px;
    overflow:hidden;
    background:#081223;
}

.bb-contact-right iframe{
    width:100%;
    height:100%;
    min-height:850px;
    border:0;
    filter:
        grayscale(100%)
        invert(90%)
        contrast(90%)
        brightness(85%);
}

/* =========================
   MAP CARD
========================= */

.bb-map-card{
    position:absolute;
    top:50%;
    right:6%;
    transform:translateY(-50%);
    width:70%;
    max-width:620px;
    padding:45px 50px;
    border-radius:20px;

    background:
    linear-gradient(
        rgba(8,18,35,0.55),
        rgba(8,18,35,0.55)
    ),
    url("https://images.unsplash.com/photo-1524758631624-e2822e304c36?q=80&w=1600&auto=format&fit=crop");

    background-size:cover;
    background-position:center;

    box-shadow:0 25px 60px rgba(0,0,0,0.35);

    color:#fff;
}

.bb-map-card h2{
    font-family:Georgia, serif;
    font-size:52px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:25px;
}

.bb-map-card p{
    font-family:Georgia, serif;
    font-size:24px;
    line-height:1.6;
    font-weight:500;
}

/* =========================
   FEATURES SECTION
========================= */

.bb-features{
    background:#081223;
    color:#fff;
    padding:45px 6%;
    margin-top:60px; /* SPACE ADDED */
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
}

.bb-feature{
    border-right:1px solid rgba(255,255,255,0.2);
    padding-right:25px;
}

.bb-feature:last-child{
    border-right:none;
}

.bb-feature h3{
    font-size:18px;
    text-transform:uppercase;
    margin-bottom:15px;
    letter-spacing:1px;
}

.bb-feature p{
    font-size:15px;
    line-height:1.8;
    color:#ddd;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:1100px){

    .bb-contact{
        grid-template-columns:1fr;
    }

    .bb-contact-right{
        min-height:600px;
    }

    .bb-contact-right iframe{
        min-height:600px;
    }

}

@media(max-width:768px){

    .bb-contact-left{
        padding:60px 25px;
    }

    .bb-contact-left h1{
        font-size:42px;
    }

    .bb-contact-left h2{
        font-size:28px;
    }

    .bb-contact-info{
        grid-template-columns:1fr;
    }

    .bb-info-box{
        border-right:none;
        border-bottom:1px solid #ddd;
        padding-bottom:20px;
    }

    .bb-row{
        grid-template-columns:1fr;
    }

    .bb-features{
        grid-template-columns:1fr;
    }

    .bb-feature{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,0.2);
        padding-bottom:25px;
    }

    .bb-contact-right,
    .bb-contact-right iframe{
        min-height:520px;
    }

    .bb-map-card{
        width:86%;
        right:7%;
        padding:30px;
    }

    .bb-map-card h2{
        font-size:34px;
    }

    .bb-map-card p{
        font-size:18px;
    }

}

</style>
</head>

<body>

<section class="bb-contact-wrapper">

    <div class="bb-contact">

        

        <div class="bb-contact-left">

            <h1>Contact Us</h1>

            <div class="bb-line"></div>

            <h2>We’d Love To Hear From You.</h2>

            <p>
                Send us a message or give us a call. Our team will get back to you 
                as soon as possible to discuss your custom cabinetry, closets, 
                kitchens, home office, or commercial space project.
            </p>

            

            <div class="bb-contact-info">

                <div class="bb-info-box">
                    <h3>Phone</h3>
                    <p>
                        (416) 638-9991<br>
                        (647) 451-4307
                    </p>
                </div>

                <div class="bb-info-box">
                    <h3>Email</h3>
                    <p>
                        info@bluebisondesign.ca
                    </p>
                </div>

                <div class="bb-info-box">
                    <h3>Location</h3>
                    <p>
                        584 Champagne Dr,<br>
                        North York, ON M3J 2C6
                    </p>
                </div>

            </div>

            

            <form class="bb-contact-form">

                <div class="bb-row">

                    <input type="text" placeholder="Full Name">

                    <input type="email" placeholder="Email Address">

                </div>

                <div class="bb-row">

                    <input type="tel" placeholder="Phone Number">

                    <input type="text" placeholder="City">

                </div>

                <input type="text" placeholder="Postal Code">

                <textarea placeholder="Tell us about your project"></textarea>

                <button type="submit">Send Message</button>

            </form>

        </div>

        

        <div class="bb-contact-right">

            <iframe
                src="https://www.google.com/maps?q=584%20Champagne%20Dr%2C%20North%20York%2C%20ON%20M3J%202C6&output=embed"
                allowfullscreen=""
                loading="lazy">
            </iframe>

            

            <div class="bb-map-card">

                <h2>Location</h2>

                <p>
                    584 Champagne Drive,<br>
                    North York, ON, Canada
                </p>

            </div>

        </div>

    </div>

    

    <div class="bb-features">

        <div class="bb-feature">
            <h3>Custom Design</h3>
            <p>
                Tailored cabinetry and storage solutions designed to fit your style and lifestyle perfectly.
            </p>
        </div>

        <div class="bb-feature">
            <h3>Premium Craftsmanship</h3>
            <p>
                High-quality materials and expert craftsmanship built for beauty, durability, and timeless elegance.
            </p>
        </div>

        <div class="bb-feature">
            <h3>Personalized Service</h3>
            <p>
                From concept to installation, we work closely with you through every stage of your project.
            </p>
        </div>

        <div class="bb-feature">
            <h3>Free Consultation</h3>
            <p>
                Book your free design consultation today and bring your vision to life with Blue Bison.
            </p>
        </div>

    </div>

</section>

</body>
</html>

Calendly

Book for visit

Empty walk in closet with his and hers sides

BLUE BISON REMODEL

With a decade of experience, Blue Bison has built a strong and innovative world of cabinetry by delivering custom design and exceptional services. We have helped homeowners to live their dreams in a practical world within their budgets. We have transformed their spaces and allow them to get more out of their houses - and do more in their everyday lives.

Blue Bison strive to establish professional, trusted partnerships that create long-term value for our customers. To accomplish that vision Blue Bison believes in one-on-one consultation to create the perfect custom solutions tailored to your unique needs. Whether you’re envisioning a Organised Closets , sophisticated home office, a functional and stylish mudroom, or a luxurious finished wardrobe, our team of talented designers brings your vision to life with precision and artistry.

Blue Bison proudly manufacture products in Canada. We ensure to deliver premium quality products to our customers.

Transform your living spaces with Blue Bison Design, where craftsmanship meets creativity, and your vision becomes reality.

Custom Closets, 
Custom Kitchens,
Home Office ,
Laundry ,
Murphy Bed ,
entertainment unit ,
Media center,
custom wardrobes,
Pantry