index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-PQEPB7QH14"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-PQEPB7QH14');
    </script>
    
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="In search of the next generation of multimodal datasets" />
    <meta name="author" content="Sarah Pratt" />

    <title>DataComp</title>

    <!-- Favicon -->
    <link rel="shortcut icon" href="./assets/images/corner.png" type="image/x-icon">

    <!-- Added Libraries -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"
    />
    <!-- StyleSheets -->
    <link rel="stylesheet" href="./assets/css/style.css" />

  </head>
  <body style="background-color: #f5f5f5;">


    <!-- Main content body start  -->
    <main class="main">
      <!-- Home  -->
      
     
      <section class="section container">
        <div class="home2 grid">

          <div class="center-div">

          
          <div style="padding-top: 0rem;">
            <img width="210" height="8" src="./assets/images/nobg.png" align="left"> <p>   <br></br><h1 class="home__title"> &nbsp;DataComp </h1>
          </div>

            <p class="home__subhead2" style="clear: left;">
							<br />
              <b> Welcome to DataComp, </b> the machine learning benchmark where the models are fixed and the 
              challenge is to find the best possible data! Select a setting to learn more about how to participate </p>


            </div>
              
          <div class="container-2">


            <div class="clickable-region" onclick="window.location.href='./dcclip/index.html#home';">
              <h6 style="padding-top: 0.5rem;padding-bottom: 0.5rem;"> <font color="#7E49D4">CLIP</font></h6>
              <h3 style="padding-bottom: 0.5rem;"> <font color="#7E49D4"><u>Contrastive Language Image Pre-training </u> </font></h3>

              <p class="container-3" style="clear: left;">
                Select the best subset of <b> <font color="#7E49D4"> image/text pairs</font></b> from a large pool to train a <b><font color="#7E49D4">CLIP model</font></b>. Evaluate your training set by testing the model on downstream <b><font color="#7E49D4">vision tasks</font></b> </p>

              <img width="20" height="8" src="./assets/images/clip3.png" alt="Left Image">
            </div>

            <div class="clickable-region" onclick="window.location.href='./dclm/index.html#home';">
              <h6 style="padding-top: 0.5rem;padding-bottom: 0.5rem;"> <font color="#47C3CD">LM </font></h6>
              <h3 style="padding-bottom: 0.5rem;"> <font color="#47C3CD"><u>Language Modeling</u> </font></h3>
              <p class="container-3" style="clear: left;">
                Select the best subset of <b><font color="#47C3CD">text data</font></b> from a large pool to train a <b><font color="#47C3CD">language model</font></b>. Evaluate your training set by testing the model on downstream <b><font color="#47C3CD">language tasks</font></b> </p>
              <img width="20" height="8" src="./assets/images/lang3.png" alt="Right Image">
            </div>


          </div>

        </div>
      </section>


    </main>
    <!-- Main content body end  -->

    <!-- Footer start  -->
    <footer class="section" id="footer" style="background-color: #DDDDDD;">
      <div class="footer container grid">

      <!-- <p class="footer__copy">
        &#169; Developed by Shahidul Alam. Designed by Bedimcode. (Inspired)
      </p> -->
    </footer>
    <!-- Footer end  -->

    <!-- Scroll to top button -->
    <a href="#" class="scrollup" id="scroll-up">
      <i class="bx bx-up-arrow-alt scrollup__icon"></i>
    </a>


    <!-- Javascript -->
    <script src="./assets/js/main.js"></script>
  </body>
</html>