Align your marketing and sales efforts on your target accounts. Using proprietary data and machine learning, identify the target accounts that are the greatest fit for your company.
Read more
Execute account-based advertising campaigns that communicate the appropriate message to the targeted people through all the right distribution channel somewhere at appropriate way.
Read more
Start generating opportunities more quickly Transform your target businesses into opportunities faster compared to ever before, whether your objective is growing industry or development.
Read more
<div class="ad-tab">
<div class="row align-items-center g-md-5 g-4">
<div class="col-lg-6">
<ul class="nav nav-tabs" id="ad-pills-tab" role="tablist" aria-orientation="vertical">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="v-first-tab" data-bs-toggle="tab" data-bs-target="#v-first-tab-pane" type="button" role="tab" aria-controls="v-first-tab-pane" aria-selected="true">01.
Classification
<img src="assets/svg/ad/arrow-4.svg" alt="arrow-4" class="img-fluid">
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="v-second-tab" data-bs-toggle="tab" data-bs-target="#v-second-tab-pane" type="button" role="tab" aria-controls="v-second-tab-pane" aria-selected="false">02.
Interaction
<img src="assets/svg/ad/arrow-4.svg" alt="arrow-4" class="img-fluid">
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="v-third-tab" data-bs-toggle="tab" data-bs-target="#v-third-tab-pane" type="button" role="tab" aria-controls="v-third-tab-pane" aria-selected="false">03.
Analysis
<img src="assets/svg/ad/arrow-4.svg" alt="arrow-4" class="img-fluid">
</button>
</li>
</ul>
</div>
<div class="col-lg-6">
<div class="tab-content" id="ad-pills-contents-tab">
<div class="tab-pane fade show active" id="v-first-tab-pane" role="tabpanel" aria-labelledby="v-first-tab" tabindex="0">
<div class="ad-service-box">
<div class="box-img"><img src="assets/svg/ad/t-1.svg" alt="tab-1" class="img-fluid">
</div>
<h4>Classification Your Targets</h4>
<p>Align your marketing and sales efforts on your target accounts. Using proprietary data and machine learning, identify the target accounts that are the greatest fit for your company.</p>
<a href="#!" class="btn-flex">Read more <img src="assets/svg/ad/Arrow-8.svg" alt="arrow" class="img-fluid"></a>
</div>
</div>
<div class="tab-pane fade" id="v-second-tab-pane" role="tabpanel" aria-labelledby="v-second-tab" tabindex="0">
<div class="ad-service-box">
<div class="box-img"><img src="assets/svg/ad/t-2.svg" alt="tab-1" class="img-fluid">
</div>
<h4>Interact in Several Channels</h4>
<p>Execute account-based advertising campaigns that communicate the appropriate message to the targeted people through all the right distribution channel somewhere at appropriate way.</p>
<a href="#!" class="btn-flex">Read more <img src="assets/svg/ad/Arrow-8.svg" alt="arrow" class="img-fluid"></a>
</div>
</div>
<div class="tab-pane fade" id="v-third-tab-pane" role="tabpanel" aria-labelledby="v-third-tab" tabindex="0">
<div class="ad-service-box">
<div class="box-img"><img src="assets/svg/ad/t-3.svg" alt="tab-1" class="img-fluid">
</div>
<h4>Create Opportunities Faster</h4>
<p>Start generating opportunities more quickly Transform your target businesses into opportunities faster compared to ever before, whether your objective is growing industry or development.</p>
<a href="#!" class="btn-flex">Read more <img src="assets/svg/ad/Arrow-8.svg" alt="arrow" class="img-fluid"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="design-tab-section">
<ul class="nav nav-tabs" id="design-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="web-tab" data-bs-toggle="tab" data-bs-target="#web-tab-pane" type="button" role="tab" aria-controls="web-tab-pane" aria-selected="true">Website Design</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="logo-tab" data-bs-toggle="tab" data-bs-target="#logo-tab-pane" type="button" role="tab" aria-controls="logo-tab-pane" aria-selected="false">Logo Design</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="app-tab" data-bs-toggle="tab" data-bs-target="#app-tab-pane" type="button" role="tab" aria-controls="app-tab-pane" aria-selected="false">App Design</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="banner-tab" data-bs-toggle="tab" data-bs-target="#banner-tab-pane" type="button" role="tab" aria-controls="banner-tab-pane" aria-selected="false">Banner</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="social-tab" data-bs-toggle="tab" data-bs-target="#social-tab-pane" type="button" role="tab" aria-controls="social-tab-pane" aria-selected="false">Social Media</button>
</li>
</ul>
<div class="tab-content" id="design-content-tab">
<div class="tab-pane fade show active" id="web-tab-pane" role="tabpanel" aria-labelledby="web-tab" tabindex="0">
<div class="row g-lg-5 g-4">
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/1.png" alt="tab-1" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Food & Drink</h5>
<h6>Web Design | 20+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/2.png" alt="tab-2 " class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Fashion Accessories</h5>
<h6>Web Design | 10+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/3.png" alt="tab-3" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Sandals Shop</h5>
<h6>Web Design | 8+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/4.png" alt="tab-4" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Coffee Festival</h5>
<h6>Web Design | 25+ Inner Pages</h6>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="logo-tab-pane" role="tabpanel" aria-labelledby="logo-tab" tabindex="0">
<div class="row g-lg-5 g-4">
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/5.png" alt="tab-5" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Real Estate</h5>
<h6>Logo Design | 20+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/6.png" alt="tab-6" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Finance App</h5>
<h6>Logo Design | 10+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/7.png" alt="tab-7" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Content Create</h5>
<h6>Logo Design | 8+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/8.png" alt="tab-8" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Tag Mockup</h5>
<h6>Logo Design | 25+ Inner Pages</h6>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="app-tab-pane" role="tabpanel" aria-labelledby="app-tab" tabindex="0">
<div class="row g-lg-5 g-4">
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/9.png" alt="tab-9" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Food & Drink</h5>
<h6>App Design | 20+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/10.png" alt="tab-10 " class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Larning App</h5>
<h6>App Design | 10+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/11.png" alt="tab-11" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Travel App</h5>
<h6>App Design | 8+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/12.png" alt="tab-12" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Bakery Festival</h5>
<h6>App Design | 25+ Inner Pages</h6>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="banner-tab-pane" role="tabpanel" aria-labelledby="banner-tab" tabindex="0">
<div class="row g-lg-5 g-4">
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/13.png" alt="tab-13" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Fashion Accessories</h5>
<h6>Banner Design | 20+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/14.png" alt="tab-14 " class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Baking Happiness</h5>
<h6>Banner Design | 10+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/15.png" alt="tab-15" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Hiking Shop</h5>
<h6>Banner Design | 8+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/16.png" alt="tab-16" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Fine Dining</h5>
<h6>Banner Design | 25+ Inner Pages</h6>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="social-tab-pane" role="tabpanel" aria-labelledby="social-tab" tabindex="0">
<div class="row g-lg-5 g-4">
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/17.png" alt="tab-17" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Modern Comfort</h5>
<h6>Social Media | 20+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/18.png" alt="tab-18" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Drop the Beat</h5>
<h6>Social Media | 10+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/19.png" alt="tab-19" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Learn Guitar Online!</h5>
<h6>Social Media | 8+ Inner Pages</h6>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/design_agency/tab/20.png" alt="tab-20" class="img-fluid w-100" />
</div>
<div class="tab-info">
<h5>Stay Grounded.</h5>
<h6>Social Media | 25+ Inner Pages</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Free range eggs (poached, scrambled)
Shad angler, galjoen fish Australian
Free range eggs (poached, fried)
Lanternfish ghost knifefish oarfish glassfish
Lanternfish ghost knifefish oarfish glassfish
Giant danio Norwegian Atlantic salmon
Waryfish Owens pupfish deepwater
Shad angler, galjoen fish Australian
Tomatoes, cucumbers, olives, feta.
Mozzarella, tomatoes, basil, balsamic.
Creamy tomato soup, fresh basil.
Italian vegetable soup with pasta.
Grilled bread, tomatoes, garlic, basil.
Fried rice balls, mozzarella, peas.
Breaded chicken, marinara, mozzarella.
Pasta layers, beef, ricotta, marinara.
Spinach, strawberries, almonds, goat cheese.
Greens, chicken, bacon, avocado.
Chicken, noodles, vegetables in broth.
Roasted squash, hint of nutmeg.
Breaded mozzarella, marinara sauce.
Dough knots, garlic butter, Parmesan.
Sautéed shrimp, garlic butter sauce.
Grilled lamb, rosemary, garlic.
Quinoa, avocado, tomatoes, black beans.
Beets, goat cheese, arugula.
Beef broth, caramelized onions, cheese.
Broth with meatballs, pasta, spinach.
Mushrooms filled with breadcrumbs, cheese.
Cantaloupe slices, prosciutto.
Pork ribs, barbecue sauce, coleslaw.
Grilled fish, tortillas, cabbage slaw.
<div class="cafe-tab-section cafe-color bg-color">
<div class="cafe-tab-box">
<ul class="nav nav-pills" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="pills-starters-tab" data-bs-toggle="pill" data-bs-target="#pills-starters" type="button" role="tab" aria-controls="pills-starters" aria-selected="true">Starters</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-course-tab" data-bs-toggle="pill" data-bs-target="#pills-course" type="button" role="tab" aria-controls="pills-course" aria-selected="false">Main course</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-soups-tab" data-bs-toggle="pill" data-bs-target="#pills-soups" type="button" role="tab" aria-controls="pills-soups" aria-selected="false">Soups</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-desserts-tab" data-bs-toggle="pill" data-bs-target="#pills-desserts" type="button" role="tab" aria-controls="pills-desserts" aria-selected="false">Desserts</button>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-starters" role="tabpanel" aria-labelledby="pills-starters-tab" tabindex="0">
<div class="row gx-xl-5 gy-5">
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Salads</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/salads/1.png" alt="salads-1" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Ceaser Salad</h5>
<h4>$8.00</h4>
</div>
<p>Free range eggs (poached, scrambled)</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/salads/2.png" alt="salads-2" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Waffles with cream</h5>
<h4>$11.00</h4>
</div>
<p>Shad angler, galjoen fish Australian</p>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Soups</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/soups/1.png" alt="soups-1" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Green Soup</h5>
<h4>$7.00</h4>
</div>
<p>Free range eggs (poached, fried)</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/soups/2.png" alt="soups-2" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Veg Soup</h5>
<h4>$11.00</h4>
</div>
<p>Lanternfish ghost knifefish oarfish glassfish</p>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Italian snack</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/snack/1.png" alt="snack-1" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Fried shrimps</h5>
<h4>$9.00</h4>
</div>
<p>Lanternfish ghost knifefish oarfish glassfish</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/snack/2.png" alt="snack-6" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Italian bruschetta</h5>
<h4>$12.00</h4>
</div>
<p>Giant danio Norwegian Atlantic salmon</p>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Non veg</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/non-veg/1.png" alt="non-veg-1" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Octopus in soy sauce</h5>
<h4>$15.00</h4>
</div>
<p>Waryfish Owens pupfish deepwater</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/non-veg/2.png" alt="non-veg-2" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Juice raw meat with spices</h5>
<h4>$6.00</h4>
</div>
<p>Shad angler, galjoen fish Australian</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-course" role="tabpanel" aria-labelledby="pills-course-tab" tabindex="0">
<div class="row gx-xl-5 gy-5">
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Salads</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/salads/3.png" alt="salads-3" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Greek Salad</h5>
<h4>$7.50</h4>
</div>
<p>Tomatoes, cucumbers, olives, feta.</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/salads/4.png" alt="salads-4" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Caprese Salad</h5>
<h4>$8.50</h4>
</div>
<p>Mozzarella, tomatoes, basil, balsamic.</p>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Soups</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/soups/3.png" alt="soups-3" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Tomato Basil Soup</h5>
<h4>$5.50</h4>
</div>
<p>Creamy tomato soup, fresh basil.</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/soups/4.png" alt="soups-4" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Minestrone Soup</h5>
<h4>$6.50</h4>
</div>
<p>Italian vegetable soup with pasta.</p>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Italian snack</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/snack/3.png" alt="snack-3" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Bruschetta</h5>
<h4>$6.00</h4>
</div>
<p>Grilled bread, tomatoes, garlic, basil.</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/snack/4.png" alt="snack-4" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Arancini</h5>
<h4>$7.50</h4>
</div>
<p>Fried rice balls, mozzarella, peas.</p>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Non veg</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/non-veg/3.png" alt="non-veg-3" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Chicken Parmesan</h5>
<h4>$14.00</h4>
</div>
<p>Breaded chicken, marinara, mozzarella.</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/non-veg/4.png" alt="non-veg-4" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Beef Lasagna</h5>
<h4>$13.50</h4>
</div>
<p>Pasta layers, beef, ricotta, marinara.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-soups" role="tabpanel" aria-labelledby="pills-soups-tab" tabindex="0">
<div class="row gx-xl-5 gy-5">
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Salads</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/salads/5.png" alt="salads-5" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Spinach and Strawberry Salad</h5>
<h4>$9.00</h4>
</div>
<p>Spinach, strawberries, almonds, goat cheese.</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/salads/6.png" alt="salads-6" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Cobb Salad</h5>
<h4>$10.00</h4>
</div>
<p>Greens, chicken, bacon, avocado.</p>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Soups</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/soups/5.png" alt="soups-3" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Chicken Noodle Soup</h5>
<h4>$7.00</h4>
</div>
<p>Chicken, noodles, vegetables in broth.</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/soups/6.png" alt="soups-4" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Butternut Squash Soup</h5>
<h4>$6.75</h4>
</div>
<p>Roasted squash, hint of nutmeg.</p>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Italian snack</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/snack/5.png" alt="snack-5" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Mozzarella Sticks</h5>
<h4>$6.50</h4>
</div>
<p>Breaded mozzarella, marinara sauce.</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/snack/6.png" alt="snack-6" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Garlic Knots</h5>
<h4>$5.00</h4>
</div>
<p>Dough knots, garlic butter, Parmesan.</p>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Non veg</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/non-veg/5.png" alt="non-veg-5" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Shrimp Scampi</h5>
<h4>$15.00</h4>
</div>
<p>Sautéed shrimp, garlic butter sauce.</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/non-veg/6.png" alt="non-veg-6" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Lamb Chops</h5>
<h4>$18.00</h4>
</div>
<p>Grilled lamb, rosemary, garlic.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-desserts" role="tabpanel" aria-labelledby="pills-desserts-tab" tabindex="0">
<div class="row gx-xl-5 gy-5">
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Salads</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/salads/7.png" alt="salads-7" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Quinoa Avocado Salad</h5>
<h4>$9.50</h4>
</div>
<p>Quinoa, avocado, tomatoes, black beans.</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/salads/8.png" alt="salads-8" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Roasted Beet Salad</h5>
<h4>$8.50</h4>
</div>
<p>Beets, goat cheese, arugula.</p>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Soups</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/soups/7.png" alt="soups-7" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>French Onion Soup</h5>
<h4>$7.25</h4>
</div>
<p>Beef broth, caramelized onions, cheese.</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/soups/8.png" alt="soups-8" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Italian Wedding Soup</h5>
<h4>$7.50</h4>
</div>
<p>Broth with meatballs, pasta, spinach.</p>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Italian snack</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/snack/7.png" alt="snack-7" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Stuffed Mushrooms</h5>
<h4>$7.00</h4>
</div>
<p>Mushrooms filled with breadcrumbs, cheese.</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/snack/8.png" alt="snack-8" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Prosciutto-Wrapped Melon</h5>
<h4>$8.00</h4>
</div>
<p>Cantaloupe slices, prosciutto.</p>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="tab-main-box">
<h6>Non veg</h6>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/non-veg/7.png" alt="non-veg-7" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>BBQ Ribs</h5>
<h4>$16.50</h4>
</div>
<p>Pork ribs, barbecue sauce, coleslaw.</p>
</div>
</div>
<div class="tab-box">
<div class="tab-img">
<img src="assets/images/cafe/tab/non-veg/8.png" alt="non-veg-8" class="img-fluid">
</div>
<div class="tab-info">
<div class="tab-detail">
<h5>Fish Tacos</h5>
<h4>$12.00</h4>
</div>
<p>Grilled fish, tortillas, cabbage slaw.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="event-tab-section">
<ul class="nav nav-pills justify-content-sm-center" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="day-1" data-bs-toggle="pill" data-bs-target="#pill-day-1" type="button" role="tab" aria-controls="pill-day-1" aria-selected="true">Day 1</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="day-2" data-bs-toggle="pill" data-bs-target="#pill-day-2" type="button" role="tab" aria-controls="pill-day-2" aria-selected="false">Day 2</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="day-3" data-bs-toggle="pill" data-bs-target="#pill-day-3" type="button" role="tab" aria-controls="pill-day-3" aria-selected="false">Day 3</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="day-4" data-bs-toggle="pill" data-bs-target="#pill-day-4" type="button" role="tab" aria-controls="pill-day-4" aria-selected="false">Day 4</button>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pill-day-1" role="tabpanel" aria-labelledby="day-1" tabindex="0">
<ul class="schedule-list">
<li class="schedule-item">
<ul class="inner-list">
<li class="schedule-img">
<img src="assets/images/event/schedule/1.png" alt="schedule-1" class="img-fluid">
<div class="event-name">
<span>Conference / Event</span>
<h6>Webinar for Designer</h6>
</div>
</li>
<li class="host-list m-0">
<span>Speakers</span>
<h6>Jacob Jones, Jenny Wilson</h6>
</li>
<li class="host-list">
<span>Time / Location</span>
<h6>7:30 AM, Ontario</h6>
</li>
<li>
<a href="#!" class="btn-solid mt-0">Book Ticket</a>
</li>
</ul>
</li>
<li class="schedule-item">
<ul class="inner-list">
<li class="schedule-img">
<img src="assets/images/event/schedule/2.png" alt="schedule-2" class="img-fluid">
<div class="event-name">
<span>Conference / Event</span>
<h6>Webinar for Designer</h6>
</div>
</li>
<li class="host-list m-0">
<span>Speakers</span>
<h6>Courtney Henry, Annette Black</h6>
</li>
<li class="host-list">
<span>Time / Location</span>
<h6>10:00 AM, Ontario</h6>
</li>
<li>
<a href="#!" class="btn-solid mt-0">Book Ticket</a>
</li>
</ul>
</li>
<li class="schedule-item">
<ul class="inner-list">
<li class="schedule-img">
<img src="assets/images/event/schedule/3.png" alt="schedule-3" class="img-fluid">
<div class="event-name">
<span>Conference / Event</span>
<h6>Webinar for Designer</h6>
</div>
</li>
<li class="host-list m-0">
<span>Speakers</span>
<h6>Robert Fox, Jacob Jones</h6>
</li>
<li class="host-list">
<span>Time / Location</span>
<h6>5:45 PM, Ontario</h6>
</li>
<li>
<a href="#!" class="btn-solid mt-0">Book Ticket</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="tab-pane fade" id="pill-day-2" role="tabpanel" aria-labelledby="day-2" tabindex="0">
<ul class="schedule-list">
<li class="schedule-item">
<ul class="inner-list">
<li class="schedule-img">
<img src="assets/images/event/schedule/4.png" alt="schedule-4" class="img-fluid">
<div class="event-name">
<span>Conference / Event</span>
<h6>UX/UI Trends 2025</h6>
</div>
</li>
<li class="host-list m-0">
<span>Speakers</span>
<h6>Leslie Alexander, Wade Warren</h6>
</li>
<li class="host-list">
<span>Time / Location</span>
<h6>9:00 AM, California</h6>
</li>
<li>
<a href="#!" class="btn-solid mt-0">Book Ticket</a>
</li>
</ul>
</li>
<li class="schedule-item">
<ul class="inner-list">
<li class="schedule-img">
<img src="assets/images/event/schedule/5.png" alt="schedule-5" class="img-fluid">
<div class="event-name">
<span>Conference / Event</span>
<h6>Motion Graphics in Web</h6>
</div>
</li>
<li class="host-list m-0">
<span>Speakers</span>
<h6>Guy Hawkins, Eleanor Pena</h6>
</li>
<li class="host-list">
<span>Time / Location</span>
<h6>1:30 PM, New York</h6>
</li>
<li>
<a href="#!" class="btn-solid mt-0">Book Ticket</a>
</li>
</ul>
</li>
<li class="schedule-item">
<ul class="inner-list">
<li class="schedule-img">
<img src="assets/images/event/schedule/6.png" alt="schedule-6" class="img-fluid">
<div class="event-name">
<span>Conference / Event</span>
<h6>Advanced CSS Techniques</h6>
</div>
</li>
<li class="host-list m-0">
<span>Speakers</span>
<h6>Devon Lane, Kathryn Murphy</h6>
</li>
<li class="host-list">
<span>Time / Location</span>
<h6>4:00 PM, Texas</h6>
</li>
<li>
<a href="#!" class="btn-solid mt-0">Book Ticket</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="tab-pane fade" id="pill-day-3" role="tabpanel" aria-labelledby="day-3" tabindex="0">
<ul class="schedule-list">
<li class="schedule-item">
<ul class="inner-list">
<li class="schedule-img">
<img src="assets/images/event/schedule/7.png" alt="schedule-7" class="img-fluid">
<div class="event-name">
<span>Conference / Event</span>
<h6>JavaScript Best Practices</h6>
</div>
</li>
<li class="host-list m-0">
<span>Speakers</span>
<h6>Jerome Bell, Kristin Wats</h6>
</li>
<li class="host-list">
<span>Time / Location</span>
<h6>8:45 AM, Washington</h6>
</li>
<li>
<a href="#!" class="btn-solid mt-0">Book Ticket</a>
</li>
</ul>
</li>
<li class="schedule-item">
<ul class="inner-list">
<li class="schedule-img">
<img src="assets/images/event/schedule/8.png" alt="schedule-8" class="img-fluid">
<div class="event-name">
<span>Conference / Event</span>
<h6>Web Security Essentials</h6>
</div>
</li>
<li class="host-list m-0">
<span>Speakers</span>
<h6>Darrell Stewrd, Jane Cooper</h6>
</li>
<li class="host-list">
<span>Time / Location</span>
<h6>11:15 AM, Colorado</h6>
</li>
<li>
<a href="#!" class="btn-solid mt-0">Book Ticket</a>
</li>
</ul>
</li>
<li class="schedule-item">
<ul class="inner-list">
<li class="schedule-img">
<img src="assets/images/event/schedule/9.png" alt="schedule-9" class="img-fluid">
<div class="event-name">
<span>Conference / Event</span>
<h6>The Future of React.js</h6>
</div>
</li>
<li class="host-list m-0">
<span>Speakers</span>
<h6>Floyd Miles, Arlene McCoy</h6>
</li>
<li class="host-list">
<span>Time / Location</span>
<h6>3:30 PM, Florida</h6>
</li>
<li>
<a href="#!" class="btn-solid mt-0">Book Ticket</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="tab-pane fade" id="pill-day-4" role="tabpanel" aria-labelledby="day-4" tabindex="0">
<ul class="schedule-list">
<li class="schedule-item">
<ul class="inner-list">
<li class="schedule-img">
<img src="assets/images/event/schedule/10.png" alt="schedule-10" class="img-fluid">
<div class="event-name">
<span>Conference / Event</span>
<h6>AI Web Development</h6>
</div>
</li>
<li class="host-list m-0">
<span>Speakers</span>
<h6>Marvin McKin, Darlne Rob</h6>
</li>
<li class="host-list">
<span>Time / Location</span>
<h6>10:00 AM, Chicago</h6>
</li>
<li>
<a href="#!" class="btn-solid mt-0">Book Ticket</a>
</li>
</ul>
</li>
<li class="schedule-item">
<ul class="inner-list">
<li class="schedule-img">
<img src="assets/images/event/schedule/11.png" alt="schedule-11" class="img-fluid">
<div class="event-name">
<span>Conference / Event</span>
<h6>Freelancing as a Designer</h6>
</div>
</li>
<li class="host-list m-0">
<span>Speakers</span>
<h6>Ronald Richa, Savanh Nguyen</h6>
</li>
<li class="host-list">
<span>Time / Location</span>
<h6>1:00 PM, Seattle</h6>
</li>
<li>
<a href="#!" class="btn-solid mt-0">Book Ticket</a>
</li>
</ul>
</li>
<li class="schedule-item">
<ul class="inner-list">
<li class="schedule-img">
<img src="assets/images/event/schedule/12.png" alt="schedule-12" class="img-fluid">
<div class="event-name">
<span>Conference / Event</span>
<h6>Building Scalable Apps</h6>
</div>
</li>
<li class="host-list m-0">
<span>Speakers</span>
<h6>Ralph Edwards, Cody Fisher</h6>
</li>
<li class="host-list">
<span>Time / Location</span>
<h6> 6:00 PM, Toronto</h6>
</li>
<li>
<a href="#!" class="btn-solid mt-0">Book Ticket</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.
This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.
This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.
This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">Home</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane" type="button" role="tab" aria-controls="profile-tab-pane" aria-selected="false">Profile</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact-tab-pane" type="button" role="tab" aria-controls="contact-tab-pane" aria-selected="false">Contact</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="disabled-tab" data-bs-toggle="tab" data-bs-target="#disabled-tab-pane" type="button" role="tab" aria-controls="disabled-tab-pane" aria-selected="false" disabled>Disabled</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
<p>This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.</p>
</div>
<div class="tab-pane fade" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
<p>This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.</p>
</div>
<div class="tab-pane fade" id="contact-tab-pane" role="tabpanel" aria-labelledby="contact-tab" tabindex="0">
<p>This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.</p>
</div>
<div class="tab-pane fade" id="disabled-tab-pane" role="tabpanel" aria-labelledby="disabled-tab" tabindex="0">
<p>This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.</p>
</div>
</div>This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.
This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.
This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.
This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Home</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Profile</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">Contact</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-disabled-tab" data-bs-toggle="pill" data-bs-target="#pills-disabled" type="button" role="tab" aria-controls="pills-disabled" aria-selected="false" disabled>Disabled</button>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab" tabindex="0">
<p>This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.</p>
</div>
<div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" tabindex="0">
<p>This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.</p>
</div>
<div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab" tabindex="0">
<p>This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.</p>
</div>
<div class="tab-pane fade" id="pills-disabled" role="tabpanel" aria-labelledby="pills-disabled-tab" tabindex="0">
<p>This is some placeholder content the Contact tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation.</p>
</div>
</div>This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation
This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation
This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation
This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation
This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation
<div class="d-flex align-items-start">
<div class="nav flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<button class="nav-link active" id="v-pills-home-tab" data-bs-toggle="pill" data-bs-target="#v-pills-home" type="button" role="tab" aria-controls="v-pills-home" aria-selected="true">Home</button>
<button class="nav-link" id="v-pills-profile-tab" data-bs-toggle="pill" data-bs-target="#v-pills-profile" type="button" role="tab" aria-controls="v-pills-profile" aria-selected="false">Profile</button>
<button class="nav-link" id="v-pills-disabled-tab" data-bs-toggle="pill" data-bs-target="#v-pills-disabled" type="button" role="tab" aria-controls="v-pills-disabled" aria-selected="false" disabled>Disabled</button>
<button class="nav-link" id="v-pills-messages-tab" data-bs-toggle="pill" data-bs-target="#v-pills-messages" type="button" role="tab" aria-controls="v-pills-messages" aria-selected="false">Messages</button>
<button class="nav-link" id="v-pills-settings-tab" data-bs-toggle="pill" data-bs-target="#v-pills-settings" type="button" role="tab" aria-controls="v-pills-settings" aria-selected="false">Settings</button>
</div>
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab" tabindex="0"><p>This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation</p></div>
<div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab" tabindex="0"><p>This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation</p></div>
<div class="tab-pane fade" id="v-pills-disabled" role="tabpanel" aria-labelledby="v-pills-disabled-tab" tabindex="0"><p>This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation</p></div>
<div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab" tabindex="0"><p>This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation</p></div>
<div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab" tabindex="0"><p>This is some placeholder content the Home tab's associated content. Clicking another tab will toggle the visibility of this one for the next. The tab JavaScript swaps classes to control the content visibility and styling. You can use it with tabs, pills, and any other .nav-powered navigation</p></div>
</div>
</div>
Modern Comfort
Social Media | 20+ Inner Pages
Drop the Beat
Social Media | 10+ Inner Pages
Learn Guitar Online!
Social Media | 8+ Inner Pages
Stay Grounded.
Social Media | 25+ Inner Pages