<!DOCTYPE html>
<html>

<head>

     <meta charset="UTF-8">
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
     <link rel="manifest" href="/site.webmanifest">
     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
     <title>The Archives</title>
     <link rel="stylesheet" href="res/style.css">
</head>

<body>
     <header id="navbar">
          <nav>
               <ul>
                    <li><a href="/index.html#about-section" class="link-underline-effect">About Me</a></li>
                    <li><a href="/the-archives" class="link-underline-effect">The Archives</a></li>
                    <h1 id="navbarLogo">CrucialNET</h1>
                    <li><a href="/resume/resume.pdf" class="link-underline-effect">My R&Eacute;sum&Eacute;</a></li>
                    <li><a href="/contact-me" class="link-underline-effect">Contact Me</a></li>
               </ul>
          </nav>
     </header>
     <header id="landing">
          <h2 class="header-text"><span class="underline-span">The Archives</span></h2>
          <h6 class="subheader">The Official Blog Of CrucialNET</h6>
     </header>
     <div class="row">
          <div class="left-column">
               <div class="blog-card-container">
                    <div class="card" onclick="window.location.href='2019/01/05'">
                         <div class="white-background">
                              <div class="img-container" style="background-image: url('res/card-images/fmu.PNG');"></div>
                         </div>
                         <div class="card-content">
                              <h2><span class="underline-span">PROJECTS</span></h2>
                              <h1>FromMeToYou</h1>
                              <p class="excerpt justify">Meet FromMeToYou, a small but big project designed to bring the community together in outstanding ways, and by connecting the dontators to the reciepients we can give people a bigger sense of connection to the people and world around them.</p>
                              <p class="author">by: rushil umaretiya</p>
                         </div>
                    </div>
                    <div class="card" onclick="window.location.href='/404'">
                         <div class="white-background">
                              <div class="img-container" style="background-image: url('res/card-images/inbom.PNG');"></div>
                         </div>
                         <div class="card-content">
                              <h2><span class="underline-span">PROJECTS</span></h2>
                              <h1>Interplanetary Bombardment</h1>
                              <p class="excerpt justify">Interplanetary Bombardment is a minimalistic Sci-Fi shooter I've been working on for the past few weeks. It's a cross-platform multiplayer that pulls its rarity from its simplistic nature.</p>
                              <p class="author">by: rushil umaretiya</p>
                         </div>
                    </div>
                    <div class="card" onclick="window.location.href='/404'">
                         <div class="white-background">
                              <div class="img-container" style="background-image: url('res/card-images/appdev.png');"></div>
                         </div>
                         <div class="card-content">
                              <h2><span class="underline-span">PROJECTS</span></h2>
                              <h1>My Time In App Development</h1>
                              <p class="excerpt justify">Interplanetary Bombardment is a minimalistic Sci-Fi shooter I've been working on for the past few weeks. It's a cross-platform multiplayer that pulls its rarity from its simplistic nature.</p>
                              <p class="author">by: rushil umaretiya</p>
                         </div>
                    </div>
               </div>
          </div>
          <div class="right-column">
               <div class="right-card">
                    <h2>About Me</h2>
                    <div class="about-avatar" style="background-image:url('res/images/profile-photo2.jpg')"></div>
                    <p class="justify" id="contact-paragraph">Hi! Welcome to The Archives, the official blog of CrucialNET. I'm Rushil, a very interesting strand of the Homo-Sapiens. I'm fluent in 3 languages, and 13 computer languages, ranging from Gujurati to C++. I develop apps, games, software, among a range of other things. <br><br><a id="contact-link" href="https://www.crucialnet.org/archives">Let's Talk.</a></p>
               </div>
          </div>
     </div>
</body>

<!--<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
    <script  src="js/main.js"></script>-->

</html>