<p><span style="font-family:Arial;">Introducing HerStore – India’s first-of-its-kind, unique marketplace that lists a blend of products and services. As a platform that exclusively houses women-led businesses, HerStore is a testament to Britannia’s continued commitment towards the cause of women empowerment. Come, let’s make a difference today.</span></p>

Herstore icon (1).png

Herstore banner (1).jpg

Saath Judo, Saath Udo

HerStore

<p>Just like Ruhi, who inspired us all by keeping her wrappers until finding a bin, small acts create big change. Britannia's 'Har Pocket Ab Dustbin' initiative tackles plastic pollution, one pocket at a time.<br>Proudly achieving 100% plastic neutrality for over two years. Join us! Be a part of a cleaner future. Together, let's make every pocket a dustbin for a sustainable tomorrow.</p>

unnamed (6).png

unnamed (7).png

A tiny step, a big impact

Every Pocket, Now A Dustbin

<p>Nutriplus, the health app by Britannia NutriChoice, has the special ability to crunch your activity time, sleep, water and fibre intake into a singular health metric, the Nutri+ Score. Making it your go-to tool for your health journey.</p>

nutriplus.png

900 x 500 banner 2.png

Score your health

NutriPlus

<p>Satisfy your cravings with these easy snack recipes at home.&nbsp;<br>From 5-minute recipes for kids, to party recipes that will make your guests swoon, search for a recipe to find out more!</p>

unnamed (8).png

unnamed (9).png

Simple Recipes for Happy Snacking

Britannia Snackinc

<p>Tired of ads jinxing the World Cup? We feel you! This year, ditch the twist and pop open a World Cup with No Ad, No Twist. Press the Red jam on notwist.in and vote to request 'Twist karne wale cream biscuit' to sit this one out. Let's focus on the game and savor the sweetness of a #WorldCupWithNoTwist</p>

Britania Logo.png

1 copy (1).png

This World Cup, no twist, no twist

No.twist

Amazon

Big Basket

BlinkIt

Flipkart

Disclaimers

Privacy Policy

Cookie Policy

<div class="raw-html-embed"> <style>
.text-white {
 color: #ffffff;
}
.justify-content-end {
    justify-content: flex-end;
}
.form-control {
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
}
.col-12 {
    flex: 0 0 auto;
    width: 100%;
}
.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

@media (min-width: 768px) {
.col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
}

@media (min-width: 768px) {
.col-md-6 {
    flex: 0 0 auto;
    width: 50%;
}
}

@media (min-width: 768px){
.col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}
}

@media (min-width: 992px){
.col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
}

@media (min-width: 576px) {
.col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}
}

@media (min-width: 768px) {
.col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}
}

@media (min-width: 992px) {
.col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}
}

.position-relative {
    position: relative;
}
.align-items-center {
    align-items: center;
}
.justify-content-center {
    justify-content: center;
}
.h-100 {
    height: 100%;
}
.d-flex {
    display: flex;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.bs-container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px){
.bs-container, .container-sm {
    max-width: 540px;
}
}
@media (min-width: 768px){
.bs-container, .container-md, .container-sm {
    max-width: 720px;
}
}

@media (min-width: 992px){
.bs-container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
}
}

@media (min-width: 1200px){
.bs-container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
}
}

@media (min-width: 1400px){
.bs-container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
}
}

:root, [data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33,37,41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33,37,41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

@media (min-width: 576px) {
.modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
}

.fade {
    transition: opacity .15s linear;
}

.fade:not(.show) {
    opacity: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none;
}

@media (min-width: 576px) {
.modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
}
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px);
}

</style>
    
 <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-SPK5XC7HHR"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-SPK5XC7HHR'); </script>
    
<link rel="stylesheet" href="https://snackercrackercontest.com/britannia_coffeeverse/css/style_coffeeverse.css">

    <section class="coffee-lover">
        <div class="bs-container">
            <div class="row">
                <div class="col-12 d-flex justify-content-end">
                    <img src="https://snackercrackercontest.com/britannia_coffeeverse/assets/britannia-logo.png" width="220" alt="Britannia Coffeeverse" class="bannerLogo2">
                </div>
                <div class="col-12 text-start">
                    <h2 class="headh2-goht">Coffee <span>lover,</span></h2>
                    <h3>ready to explore what's in store for you?</h3>
                </div>
                <div class="col-12 col-md-4">
                    <div class="coffee-lover-inner">
                        <img src="https://snackercrackercontest.com/britannia_coffeeverse/assets/experience.png" alt="" width="100%">
                        <div class="coffee-lover-text">
                            <h3><span>Experience</span> Global Cultures</h3>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-md-4">
                    <div class="coffee-lover-inner">
                        <img src="https://snackercrackercontest.com/britannia_coffeeverse/assets/attend.png" alt="" width="100%">
                        <div class="coffee-lover-text">
                            <h3><span>Attend</span> Exclusive Events </h3>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-md-4">
                    <div class="coffee-lover-inner">
                        <img src="https://snackercrackercontest.com/britannia_coffeeverse/assets/hamper.png" alt="" width="100%">
                        <div class="coffee-lover-text">
                            <h3><span>Win Merchandise </span> and hampers </h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="signUpSection">
        <div class="cloud-div">
            <img src="https://snackercrackercontest.com/britannia_coffeeverse/assets/cloud.png" width="100" alt="Cloud">
        </div>
        <div class="baloon-div">
            <img src="https://snackercrackercontest.com/britannia_coffeeverse/assets/baloon.png" width="50" alt="Baloon">
        </div>
        <div class="bs-container">
            <div class="row">
                <div class="col-12 text-center">
                    <h2 class="headh2">Sign Up Now</h2>
                </div>
                <form class="col-12" id="sign_up_form">
                    <div class="row d-flex align-items-center justify-content-center">
                        <div class="col-10 col-md-8">
                            <input type="text" class="form-control aniBlock" id="FullName" name="Fname" placeholder="Full Name" required="">
                            <div class="FirstNameMsg"></div>
                        </div>
                        
                        <div class="col-10 col-md-8">
                            <input type="text" class="form-control aniBlock" id="PhoneNUmber" name="Pnumber" placeholder="Phone Number" required="" minlength="10" maxlength="10">
                            <div class="PhoneNUmberMsg"></div>
                        </div>
                        
                        <div class="col-10 col-md-8 py-3">
                            <div class="form-check form-switch aniBlock">
                                <input class="form-check-input" type="checkbox" name="flexSwitchCheckChecked" id="flexSwitchCheckChecked" required="">
                                <label class="form-check-label" for="flexSwitchCheckChecked">By clicking submit, I agree
                                    and understand the terms and conditions to govern the use of information about me. <a href="https://www.britannia.co.in/data/Coffeeverse_Tnc_29_09_23_82586a00c0.pdf" target="_blank">Terms and Conditions</a></label><br>
                                <label id="flexSwitchCheckChecked-error" class="error" for="flexSwitchCheckChecked"></label>
                            </div>
                        </div>

                        <div class="col-10 col-md-8">
                            <button type="submit" class="btn btn-primary submit-btn aniBlock">Submit
                                <span><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-arrow-right">
                                        <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
                                    </svg></span></button>
                        </div>
                        <div class="successMsg col-10 col-md-8 pt-3"></div>
                    </div>
                </form>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <img src="https://snackercrackercontest.com/britannia_coffeeverse/assets/signup.png" width="100%" alt="SignUp" class="signupimg">
            </div>
        </div>
    </section>


    <footer>
        <div class="bs-container">
            <div class="row">
                <div class="col-md-12">
                    <p class="text-center text-white">© Copyright 2023 by BritanniaBiscafe</p>
                </div>
            </div>
        </div>
    </footer>

    
    <div class="modal fade" id="otpFormpopup" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                <div class="modal-body">
                    <form class="col-12" id="OtpForm">

                        <p>OTP was sent to <span id="getPNumber">+91 9876 54321</span></p>

                        <div class="otpinputs" id="otpinputs">
                            <input class="otpinput" name="otpinput[]" type="text" inputmode="numeric" maxlength="1" required="">
                            <input class="otpinput" name="otpinput[]" type="text" inputmode="numeric" maxlength="1" required="">
                            <input class="otpinput" name="otpinput[]" type="text" inputmode="numeric" maxlength="1" required="">
                            <input class="otpinput" name="otpinput[]" type="text" inputmode="numeric" maxlength="1" required="">
                            <input class="otpinput" name="otpinput[]" type="text" inputmode="numeric" maxlength="1" required="">
                            <input class="otpinput" name="otpinput[]" type="text" inputmode="numeric" maxlength="1" required="">
                        </div>

                        <p>OTP Valid for <span id="otpcounter">00:10</span> | <a href="#" id="resendOtp">Resend
                                OTP</a></p>

                        <div class="status_msg"></div>
                        <button type="submit" class="btn btn-primary submit-btn">Submit
                        </button>


                    </form>
                </div>
            </div>
        </div>
    </div>

    
    
    <script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous">
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js"></script>
    <script src="https://snackercrackercontest.com/britannia_coffeeverse/js/jquery.validate.min.js"></script>
    <script src="https://snackercrackercontest.com/britannia_coffeeverse/js/custom_coffeeverse.js"></script></div>

Coffeeverse

Coffee lover,

ready to explore what's in store for you?

Experience Global Cultures

Attend Exclusive Events

Win Merchandise and hampers

Sign Up Now

Products

Explore

Contact

Connect with us