index.html

<!DOCTYPE html>
<html lang="en_US" prefix="og: http://ogp.me/ns#">

<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- Viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="HandheldFriendly" content="true">

    <!-- Page Title -->
    <title>Aureum - Wedding Web & Stationery Designer</title>

    <meta name="author" content="Aureum" />

    <meta name="description"
        content="A Design Studio, which specializes in wedding website & stationery designing service based in Sri Lanka. We help you to share and amplify your love journey to give your guests a peek into some of the special moments you’ve shared throughout your relationship and build anticipation for your special day." />

    <link rel="canonical" href="https://aureum.wedding/">
    <meta property="og:title" content="Aureum - Wedding Web & Stationery Designer" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://aureum.wedding/" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:site_name" content="Aureum">
    <meta property="og:image" content="https://aureum.wedding/images/favicons/aureum_banner.png" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt"
        content="It’s the wonderful moment of you stepping together into a new chapter in your life. Such a grand event deserves a remarkable presence that leaves a deep impression in everyone’s heart. We can help you to spread the blissful harmony of your very special day with a beautiful wedding website and designer-class printed materials." />
    <meta property="og:description"
        content="A Design Studio, which specializes in wedding website & stationery designing service based in Sri Lanka. We help you to share and amplify your love journey to give your guests a peek into some of the special moments you’ve shared throughout your relationship and build anticipation for your special day." />

    <meta property="twitter:card" content="summary" />
    <meta property="twitter:url" content="https://aureum.wedding/" />
    <meta property="twitter:title" content="Aureum - Wedding Web & Stationery Designer" />
    <meta property="twitter:image" content="https://aureum.wedding/images/favicons/aureum_banner.png" />
    <meta property="twitter:description"
        content="A Design Studio, which specializes in wedding website & stationery designing service based in Sri Lanka. We help you to share and amplify your love journey to give your guests a peek into some of the special moments you’ve shared throughout your relationship and build anticipation for your special day." />

    <!-- DNS Prefetching -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//ajax.googleapis.com" />
    <link rel="dns-prefetch" href="//cdnjs.cloudflare.com" />
    <link rel="dns-prefetch" href="//www.unpkg.com.com" />
    <link rel="dns-prefetch" href="//www.google.com" />
    <link rel="dns-prefetch" href="//www.google-analytics.com" />
    <link rel="dns-prefetch" href="//www.gstatic.com" />

    <!-- Appearance -->
    <meta name="theme-color" content="#f0ebe8" />

    <link rel="apple-touch-icon" sizes="57x57" href="https://aureum.wedding/images/favicons/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="https://aureum.wedding/images/favicons/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="https://aureum.wedding/images/favicons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="https://aureum.wedding/images/favicons/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114"
        href="https://aureum.wedding/images/favicons/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120"
        href="https://aureum.wedding/images/favicons/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144"
        href="https://aureum.wedding/images/favicons/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152"
        href="https://aureum.wedding/images/favicons/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180"
        href="https://aureum.wedding/images/favicons/apple-touch-icon-180x180.png">

    <link rel="icon" type="image/png" href="https://aureum.wedding/images/favicons/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="images/favicons/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="https://aureum.wedding/images/favicons/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="https://aureum.wedding/images/favicons/android-chrome-192x192.png"
        sizes="192x192">

    <link rel="manifest" href="https://aureum.wedding/manifest.json">

    <meta name="msapplication-TileColor" content="#f0ebe8">
    <meta name="msapplication-TileImage" content="https://aureum.wedding/images/favicons/mstile-144x144.png">

    <meta name="keywords" content="">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=EB+Garamond&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,900i&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Barlow:300,400&display=swap" rel="stylesheet">

    <!-- Font Awsome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" rel="stylesheet">

    <!-- Swiper Slide -->
    <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">

    <!-- Stylesheet -->
    <link href="css/aureum-style.css" rel="stylesheet" type="text/css">

</head>

<body>

    <!------------------------------------ Nav -------------------------------------->

    <nav id="" class="nav">
        <a class="nav-brand" href="#">AUREUM</a>
        <div id="menu" class="nav-div">
            <div class="links-div">
                <a class="pc-nav" onclick="menuControl()" href="#website">Wedding&nbsp;Website</a>
                <hr>
                <a class="pc-nav" onclick="menuControl()" href="#stationery">Stationery</a>
                <hr>
                <a class="pc-nav" onclick="menuControl()" href="#action">Contact</a>
                <hr>
            </div>            
        </div>
        <a id="menu-btn" class="closed">
            Menu
        </a>
    </nav>

    <!------------------------------------ The Big Day -------------------------------------->

    <div id="land" class="section">

        <div class="img-box">
            <img src="images/wedding.jpg">
        </div>
        <img class="down" src="images/vector/down-arrow.svg">
    </div>

    <div id="big-day" class="section intro">
        <h1>EMBRACE THE&nbsp;BIG&nbsp;DAY</h1>
        <p>
            It’s the wonderful moment of you stepping together into a new chapter in your life. Such a grand event
            deserves a remarkable presence that leaves a deep impression in everyone’s heart. We can help you to spread
            the blissful harmony of your very special day with a beautiful wedding website and designer-class printed
            materials.
        </p>
    </div>


    <!------------------------------------ A wedding website -------------------------------------->

    <div id="website" class="section service">
        <img class="break-patch top" src="images/vector/break-knob-01.svg">

        <img class="motif" src="images/vector/motif-01-white.svg">
        <h1>YOUR<br>WEDDING WEBSITE</h1>
        <img class="motif flipped" src="images/vector/motif-01-white.svg">
        <p>
            The internet is an integral part of the modern lifestyle, the ballroom of modern social life. Every
            significant occurrence now has its share of the online presence. A dedicated website can make your wedding
            event unmistakably present and build anticipation for your special day in everyone. Create a stunning
            website for your wedding to make many things easier and bring out the glory limitlessly.
        </p>

        <img class="break-patch bottom" src="images/vector/break-knob-01.svg">
    </div>

    <div class="features">


        <!------------------------------------ Story -------------------------------------->

        <div id="" class="sub-section story">
            <div class="text-box">
                <h2>IT'S<br>YOUR STORY</h2>
                <div class="img-box">
                    <img src="images/love-story-01.png">
                </div>
                <p>
                    When a couple of hearts come across each other, a unique and lovely story begins. Let your story
                    unfold into the future with a peek into some of the special moments you’ve shared throughout your
                    relationship.
                </p>
            </div>
        </div>

        <img class="heart-line" src="images/vector/heart-line.svg">

        <!------------------------------------ Details -------------------------------------->

        <div id="" class="sub-section details right">
            <div class="text-box">
                <h2>ANNOUNCE<br>THE GRAND&nbsp;EVENT, IN&nbsp;DETAIL</h2>
                <div class="date img-box">
                    <img src="images/Announce-01.png">
                </div>
                <p>
                    Let your guests be informed on the go. All the details, that everyone keeps forgetting all the time,
                    available via smartphone from anywhere with the internet.
                </p>
            </div>
        </div>

        <img class="heart-line" src="images/vector/heart-line.svg">

        <!------------------------------------ RSVP -------------------------------------->

        <div id="" class="sub-section rsvp">
            <div class="text-box">
                <h2>ASK THEM</h2>
                <div class="img-box">
                    <img src="images/RSVP.png">
                </div>
                <p>
                    Ask guests to RSVP in an exciting way. Manage everything with precise numbers in mind. No regrets!
                </p>
            </div>

        </div>

        <img class="heart-line" src="images/vector/heart-line.svg">

        <!------------------------------------ Gift Registry -------------------------------------->
        <div id="" class="sub-section gift right">
            <div class="text-box">
                <h2>TRUE GIFTS</h2>
                <div class="img-box">
                    <img src="images/gift.png">
                </div>
                <p>
                    Are you planning to have a wedding registry? Show the wedding registry details directly on the
                    website; gift pictures, registry codes and details for the vendor, etc.
                </p>
            </div>
        </div>

        <img class="heart-line" src="images/vector/heart-line.svg">

        <!------------------------------------ Gallery -------------------------------------->
        <div id="gallery" class="sub-section gallery">
            <div class="text-box">
                <h2>MEMORIES</h2>
                <div class="img-box">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="images/couple-hike.jpg">
                            </div>
                            <div class="swiper-slide">
                                <img src="images/couple-hands.jpg">
                            </div>
                            <div class="swiper-slide">
                                <img src="images/back-view-beautiful-bouquet.jpg">
                            </div>
                        </div>
                    </div>
                    <img class="back-g" src="images/photo-frame.png">
                </div>
                <p>
                    Share the loveliest captures of the moments of happiness, with an interactive digital gallery.Share
                    the loveliest captures of the moments of happiness, with an interactive digital gallery.
                </p>
            </div>
        </div>

    </div>

    <!------------------------------------ Stationery -------------------------------------->

    <div id="stationery" class="section service">
        <img class="break-patch top" src="images/vector/break-knob-01.svg">

        <img class="motif" src="images/vector/motif-01-white.svg">
        <h1>IMPRESSIVE STATIONERY</h1>
        <img class="motif flipped" src="images/vector/motif-01-white.svg">
        <p>
            Give a unique and personalized impression to all of your stationery materials with the designer class
            wedding invitation, cake box, menu cards, thank-you card, etc.
        </p>

        <img class="break-patch bottom" src="images/vector/break-knob-01.svg">
    </div>

    <div class="section">
        <div class="img-box img-stationery">
            <img src="images/stationery_sample.jpg">
        </div>
    </div>

    <!------------------------------------ Call to action -------------------------------------->

    <div id="action" class="section action">
        <h1>LET'S MAKE IT HAPPEN</h1>
        <img class="motif" src="images/vector/motif-01-white.svg">
        <div>
            <div class="break-text">
                <hr>
                <h4>Reach&nbsp;Us</h4>
                <hr>
            </div>
            <div class="link-box">
                <a href="https://www.facebook.com/aureumwedding/" target="_blank">
                    <i class="fab fa-facebook-square"></i>
                </a>
                <a href="https://l.facebook.com/l.php?u=http%3A%2F%2Fm.me%2Faureumwedding%3Ffbclid%3DIwAR2XE21xVtpKy5c-PpogQJx9Ntq9dzb2XavmqsYZZnqArccK4ec-xNmqITo&h=AT25tkpy6_n0cfZ94T7uZHltz6oqsnqYHzzxwjw1FcQVM6pJ3artw_cmweEybfdC1I6UQIwB3dgqGmljUvZg18QxVQOeTwvLNqooxeYv7OZUqhkHNfiCzxJiYs4vWgSvpL85kGe RN87k-CxbyLOAuQ"
                    target="_blank">
                    <i class="fab fa-facebook-messenger"></i>
                </a>
                <a href="https://www.instagram.com/aureumwedding" target="_blank">
                    <i class="fab fa-instagram"></i>
                </a>
            </div>
            <hr>
            <h2>076 614 3360</h2>
            <hr>
        </div>
        <img class="motif flipped" src="images/vector/motif-01-white.svg">
    </div>

    <!------------------------------------ Footer -------------------------------------->

    <div id="" class="footer section">
        <div class="footer-details">
            <div>
                <a href="#"><h2>AUREUM</h2></a>
                <div class="vertical-line"></div>
                <a href=" https://www.facebook.com/aureumwedding/" target="_blank">
                    <i class="fab fa-facebook-square"></i>
                </a>
                <a href="https://www.instagram.com/aureumwedding" target="_blank">
                    <i class="fab fa-instagram"></i>
                </a>
            </div>

            <div>
                <p>Designed & Developed by<a class="cyberoctane" href="https://cyberoctane.com/" target="_blank"> Cyber Octane</a> </p>
            </div>

        </div>
    </div>

    <!------------------------------------ End of footer -------------------------------------->

    <!-- Swiper Slide -->
    <script src="https://unpkg.com/swiper/js/swiper.min.js"></script>

    <script src="js/theme_aureum.js"></script>

    <script>
        var mySwiper = new Swiper('.swiper-container', {

            loop: true,
            autoplay: {
                delay: 2000,
            },
        })
    </script>

</body>

</html>