index.html

<!doctype html>
<html lang="en-US">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

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

    <!-- Ionic icons -->
    <link href="https://unpkg.com/ionicons@4.2.0/dist/css/ionicons.min.css" rel="stylesheet">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">


    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&family=Mali:wght@500&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Mali:wght@300&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&family=Mali:wght@700&display=swap" rel="stylesheet">

    <title>CountMyCrunch</title>
    <link rel = "icon" href = "https://i.ibb.co/nCVdVpr/ic-launcher-round.png" type = "image/x-icon">
  </head>

  <body>

  <!-- N A V B A R -->
  <nav class="navbar navbar-default navbar-expand-lg fixed-top custom-navbar">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
      <span class="icon ion-md-menu"></span>
    </button>
    <img src="CMC Logo.png" class="img-fluid nav-logo-mobile" alt="Company Logo">
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
      <div class="container">
      	<img src="CMC Logo.png" class="img-fluid nav-logo-desktop" alt="Company Logo">
        <ul class="navbar-nav ml-auto nav-right" data-easing="easeInOutExpo" data-speed="1250" data-offset="65">

          <li class="nav-item nav-custom-link">
            <a class="nav-link" href="index.html">Home <i class="icon ion-ios-arrow-forward icon-mobile"></i></a>
          </li>
          <li class="nav-item nav-custom-link">
            <a class="nav-link"  href="about.html">About <i class="icon ion-ios-arrow-forward icon-mobile"></i></a>
          </li>
          <li class="nav-item nav-custom-link">
            <a class="nav-link"  href="https://drive.google.com/uc?export=download&id=1XAO8t_MVrQ9Awg7delUu7CdhW7WrPfoy">Download <i class="icon ion-ios-arrow-forward icon-mobile"></i></a>
          </li>
          <li class="nav-item nav-custom-link btn btn-demo-small">
            <a class="nav-link" href="contactus.html" >Contact Us <i class="icon ion-ios-arrow-forward icon-mobile"></i></a>
          </li>
          <!-- <div class="nav">
            <ul class="items">
        
                <li class="item"><a href="https://www.google.com/">Home</a></li>
                <li class="item"><a href="https://www.google.com/">About</a></li>
                <li class="item"><a href="https://www.google.com/">Contact us</a></li>
            </ul>
        </div> -->
          
        </ul>
      </div>
    </div>
  </nav>
  <!-- E N D  N A V B A R -->
  
  <!-- H E R O -->
  <section id="hero">
    <div class="container">
      <div class="row">
        <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
          <img src="scrnshots/homescreen.png" class="img-fluid" alt="Demo image">
        </div>
        <div class="col-md-7 content-box hero-content">
          <h1>CountMyCrunch <br><b>The Ultimate Health and Wellness Platform</b></h1>
          <p>At CountMyCrunch, we help people to check BMI, Count calories, Food Preparation Measures by providing a proper Ingredient Chart,and much more.
           <b>#BetterYourself</b></p>
          <a href="about.html#contain1" class="btn btn-regular">Learn more</a>
        </div>
      </div>
    </div>
  </section>
  <!-- E N D  H E R O -->

  <!-- E N D  M A R K E T I N G -->
  <section id="BMI1">
    <div class="container">
      <div class="row">
        <div class="col-md-5">
          <div class="content-box1">
            <h2>BMI Calculator</h2>
            <p><b>Track your BMI and AMR</b> </p>
            <p>It is a good way to gauge whether your weight in healthy proportion to your height. In fact knowing your BMI can help you to built a healthy life-style. </p>
            <a href="Bmicalc.html" target="_main" class="btn btn-regular">Learn More</a>
          </div>
        </div>
        <div class="col-md-7">
            <img src="scrnshots/bmicalc.png" class="img-fluid" alt="Demo image" width="50%" >
        </div>
      </div>
    </div>
  </section>
  <!-- E N D  M A R K E T I N G -->

  <section id="CALORIE1">
    <div class="container">
      <div class="row">
        <div class="col-md-5">
          <img src="scrnshots/caloriecounter.png" class="img-fluid" alt="Demo image" width="50%" >
        </div>
        <div class="col-md-7">
          <div class="content-box1">
            <h2>Calorie Counter</h2>
            <p><b>Track and Count Calories</b> </p>
            <p>Use the Calorie Counter Feature to estimate the number of daily calories your body needs to maintain your current weight. </p>
            <a href="caloriecalc.html" target="_main" class="btn btn-regular">Learn More</a>
          </div>
           
        </div>
      </div>
    </div>
  </section>


  <section id="FOODIE1">
    <div class="container">
      <div class="row">
        <div class="col-md-5">
          <div class="content-box1">
            <h2>Foodie</h2>
            <p><b>Eat Smarter and live Better</b> </p>
            <p>Explore a plethora of personal diet recipes.</p>
            <a href="about.html" target="_main" class="btn btn-regular">Learn More</a>
          </div>
        </div>
        <div class="col-md-7">
            <img src="scrnshots/foodbie_1.png" class="img-fluid" alt="Demo image" width="250px" >
            <img src="scrnshots/foodbie_2.png" class="img-fluid" alt="Demo image" width="250px" >
        </div>
      </div>
    </div>
  </section>


  <section id="TRACKER1">
    <div class="container">
      <div class="row">
        <div class="col-md-5">
          <img src="scrnshots/progression.png" class="img-fluid" alt="Demo image" width="50%" >
        </div>
        <div class="col-md-7">
          <div class="content-box1">
            <h2>Calorie Tracker</h2>
            <p><b>Keep track of all your progress</b> </p>
            <p>Keeping the amount of calories you consume balanced with the amount of calories you burn through regular metabolism and physical activity will keep your weight stable.</p>
            <a href="about.html" target="_main" class="btn btn-regular">Learn More</a>
          </div>
            
        </div>
      </div>
    </div>
  </section>


  <section id="HVLOGS1">
    <div class="container">
      <div class="row">
        <div class="col-md-5">
          <div class="content-box1">
            <h2>Health Vlogs</h2>
            <p><b>Daily Health Tips at your fingertips</b> </p>
            <p>Consistent body weight or resistance training from home can still help you to maintain strength,quality of movement, aerobic capacity and skill acquisition just as effectively as heading to the gym</p>
            <a href="about.html" target="_main" class="btn btn-regular">Learn More</a>
          </div>
        </div>
        <div class="col-md-7">
            <img src="scrnshots/health_vlogs.png" class="img-fluid" alt="Demo image" width="50%" >
        </div>
      </div>
    </div>
  </section>

  <section id="CHRONOMETER1">
    <div class="container">
      <div class="row">
        <div class="col-md-5">
          <img src="scrnshots/workout.png" class="img-fluid" alt="Demo image" width="50%" >
        </div>
        <div class="col-md-7">
          <div class="content-box1">
            <h2>Chronometer</h2>
            <p><b>Your only Workout timer..!</b> </p>
            <p>Interval timer for any Workout</p>
            <a href="about.html" target="_main" class="btn btn-regular">Learn More</a>
          </div>
        </div>
      </div>
    </div>
  </section>


    <!-- <section>
      <h2 style="text-align:center ;">About the Developers</h2>
      <div class="center_dev">
        <div class="iflex-container">
          <div>
            <img width="200px" src="images/auro.png" alt="Auro Saswat Raj">
            <h3>Auro Saswat Raj</h3>
          </div>
          <div>
            <img width="200px" src="images/kaushik.jpg" alt="Kaushik">
            <h3>Kaushik Dakua</h3>
          </div>
      </div> 
      </div>
    </section> -->
<!-- 
    <section class="dev_container">
      <h1 style="text-align:center ;">About the Developers</h1>
      <div class="row">
        <div class="column">
         <a href="https://www.linkedin.com/in/kaushik-dakua-931b69232/">
          <img  src="images/kaushik.jpg" alt="Kaushik Dakua" style="width:300px; border-radius: 50%;">
          <h2>Kaushik Dakua</h2>
         </a> 
         
        </div>

        
        <div class="column">
          <a href="https://www.linkedin.com/in/auro-saswat-raj-d05m07y2003/"><img  src="images/auro.png" alt="Auro Saswat Raj" style="width:300px; border-radius: 50%;">
            <h2>Auro Saswat Raj</h2>
          </a>
          
        </div>
        
         <div class="column">
         <a href="https://www.linkedin.com/in/kunal-sahu-44b39420a">
          <img  src="images/devloHer.png" alt="Kunal Sahu" style="width:300px; border-radius: 50%;">
          <h2>Kunal Sahu</h2>
         </a> 
         
        </div>
       
      </div>
    </section> -->

    <section class="dev_container" style="box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;">

      <div class="center_it">
        <h1 style="text-align:center ; width:100%; font-family: 'Indie Flower', cursive;
        font-family: 'Mali', cursive;">About the Developers</h1>
      </div>
     
    <div class="media-scroller snaps-inline">

      <div class="media-element">
        <a href="https://www.linkedin.com/in/kaushik-dakua-931b69232/">
         <img  src="images/kaushik.jpg" alt="Kaushik Dakua" style="width:300px; border-radius: 50%; margin-left: auto;
         margin-right: auto;">
         <h2 style="text-decoration: none;font-family: 'Indie Flower', cursive;
         font-family: 'Mali', cursive; color: 	#CD5C5C;">Kaushik Dakua</h2>
        </a> 
        
       </div>

       <div class="media-element">
        <a href="https://www.linkedin.com/in/auro-saswat-raj-d05m07y2003/"><img  src="images/auro.png" alt="Auro Saswat Raj" style="width:300px; border-radius: 50%; margin-left: auto;
          margin-right: auto;">
          <h2 style="text-decoration: none;font-family: 'Indie Flower', cursive;
          font-family: 'Mali', cursive;color:	#DC143C;">Auro Saswat Raj</h2>
        </a>
        
      </div>

      <div class="media-element">
        <a href="https://www.linkedin.com/in/b-tarun-kumar-3b1b20250/">
         <img  src="https://i.im.ge/2022/09/25/1wL4vq.my-profile-photo.jpg" alt="B.Tarun kumar" style="width:300px; border-radius: 50%; margin-left: auto;
         margin-right: auto; " >
         <h2 style="text-decoration: none;font-family: 'Indie Flower', cursive;
         font-family: 'Mali', cursive;color: 		#B22222;">B.Tarun kumar</h2>
        </a> 
        
       </div>


    </div>
    </section>
    

  <!-- C A L L  T O  A C T I O N -->
  <section id="call-to-action">
    <div class="container text-center">
      <h2>Don’t just Count your Calories, make your Calories Count!</h2>
      <div class="title-block">
    <a href='https://drive.google.com/uc?export=download&id=1XAO8t_MVrQ9Awg7delUu7CdhW7WrPfoy'><img width="390px" alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/></a>
      </div>
    </div>
  </section>
  <!-- E N D  C A L L  T O  A C T I O N -->

  <!--  F O O T E R  -->
  <footer>
    <div class="container">
      <div class="row">
        <div class="col-md-3">
          <h4>Main Tools</h4>
          <ul>
            <li><b><a href="Bmicalc.html" target="_blank">BMI Calculator</a></b></li>
            <li><b><a href="caloriecalc.html" target="_blank">Calorie Counter</a></b></li>
            <li><b><a href="about.html" target="_blank">Foodie</a></b></li>
            <li><b><a href="about.html" target="_blank">Calorie Tracker</a></b></li>
            <li><b><a href="about.html" target="_blank">Health Vlogs</a></b></li>
            <li><b><a href="about.html" target="_blank">Chronometer</a></b></li>
          </ul>
        </div>

      <div class="divider"></div>
      <div class="row">
        <div class="col-md-6 col-xs-12">
            <a href="privacy_policy.html"><b>Privacy Policy</b></a> <br>
            <a href="t&c.html"> <b>Terms and Conditions</b></a>
          </div>
          <div class="col-md-6 col-xs-12">
            <small>2022 &copy; All rights reserved.<br> Developed by <a href="https://www.linkedin.com/in/auro-saswat-raj-d05m07y2003/" target="blank" class="external-links">Auro Saswat Raj</a> & <a href="https://www.linkedin.com/in/kaushik-dakua-931b69232/" target="blank" class="external-links">Kaushik Dakua</a> <br>Made with <span style="color: RED;">&#x2764;</span> in <b>India</b></small>
          </div>
      </div>
    </div>
  </footer>
  <!--  E N D  F O O T E R  -->
 
    <!-- External JavaScripts -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
  </body>
</html>