index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="Augusto Mesquita Repos Pages">
    <meta name="title" content="Augusto Mesquita's Pages">
    <link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon-dark.png">
    <link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon-dark.svg">

    <title>Augusto Mesquita Pages</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/styles.css" rel="stylesheet">
  </head>
  <body>
    <header>
      <h1>Welcome to my Github Page.</h1>
      <p>In here you will see all my studies objects, including this pages.</p>
      <p>Where i am dedicating to study HTML | CSS | JS.</p>
    </header>
    <main>
      <hr />
      <div class="repos">
        <div class="repo">
          <div class="repo-img-background" style="background-image: url('images/stock-market.jpg');"></div>
          <div class="img-text-wrapper">
            <div class="logo-wrapper">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="100px" height="100px"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/></svg>
              <a href="#">Stock Tracer App</a>
            </div>
      
            <div class="subtitle">It's a web application to view indicators of stock markets.</div>
          </div>
        </div>
        <div class="repo">
          <div class="repo-img-background" style="background-image: url('images/server.jpg');"></div>
          <div class="img-text-wrapper">
            <div class="logo-wrapper">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="100px" height="100px"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 13H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1zM7 19c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM20 3H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zM7 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/></svg>
              <a href="#">Serverino</a>
            </div>
      
            <div class="subtitle">It's a web server where you can add any service to be managed.</div>
          </div>
        </div>
        <div class="repo">
          <div class="repo-img-background" style="background-image: url('images/bot.jpg');"></div>
          <div class="img-text-wrapper">
            <div class="logo-wrapper">
              <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="white" width="100px" height="100px"><g><rect fill="none" height="24" width="24"/></g><g><g><g><path d="M19.93,8.21l-3.6,1.68L14,7.7V6.3l2.33-2.19l3.6,1.68c0.38,0.18,0.82,0.01,1-0.36c0.18-0.38,0.01-0.82-0.36-1L16.65,2.6 c-0.38-0.18-0.83-0.1-1.13,0.2l-1.74,1.6C13.6,4.16,13.32,4,13,4c-0.55,0-1,0.45-1,1v1H8.82C8.34,4.65,6.98,3.73,5.4,4.07 C4.24,4.32,3.25,5.32,3.04,6.5C2.82,7.82,3.5,8.97,4.52,9.58L7.08,18H4v3h13v-3h-3.62L8.41,8.77C8.58,8.53,8.72,8.28,8.82,8H12v1 c0,0.55,0.45,1,1,1c0.32,0,0.6-0.16,0.78-0.4l1.74,1.6c0.3,0.3,0.75,0.38,1.13,0.2l3.92-1.83c0.38-0.18,0.54-0.62,0.36-1 C20.75,8.2,20.31,8.03,19.93,8.21z M6,8C5.45,8,5,7.55,5,7s0.45-1,1-1s1,0.45,1,1S6.55,8,6,8z"/></g></g></g></svg>
              <a href="#">Botwos</a>
            </div>
      
            <div class="subtitle">This project it's a way to agroup any kind of bots. Bots of discord or twitch, any kind, from any where.</div>
          </div>
        </div>
        <div class="repo">
          <div class="repo-img-background" style="background-image: url('images/engine.jpg');"></div>
          <div class="img-text-wrapper">
            <div class="logo-wrapper">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="100px" height="100px"><path clip-rule="evenodd" d="M0 0h24v24H0z" fill="none"/><path d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"/></svg>
              <a href="#">Versoname Task</a>
            </div>
      
            <div class="subtitle">The project to generate a version number from git commit history.</div>
          </div>
        </div>
        <div class="repo">
          <div class="repo-img-background" style="background-image: url('images/version-control.jpg');"></div>
          <div class="img-text-wrapper">
            <div class="logo-wrapper">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="100px" height="100px"><path d="M0 0h24v24H0z" fill="none"/><path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"/></svg>
              <a href="#">MAAV</a>
            </div>
      
            <div class="subtitle">A conclusion project from my college degree where the companies can handle multiple version numbers of their applications.</div>
          </div>
        </div>
        <div class="repo">
          <div class="repo-img-background" style="background-image: url('images/runit.jpg');"></div>
          <div class="img-text-wrapper">
            <div class="logo-wrapper">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="100px" height="100px"><path clip-rule="evenodd" d="M0 0h24v24H0z" fill="none"/><path d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"/></svg>
              <a href="#">RunIt!</a>
            </div>
      
            <div class="subtitle">This project allows clients run application with a specific domain authentication.</div>
          </div>
        </div>
        <div class="repo">
          <div class="repo-img-background" style="background-image: url('images/app-phone.jpg');"></div>
          <div class="img-text-wrapper">
            <div class="logo-wrapper">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="100px" height="100px"><path d="M0 0h24v24H0z" fill="none"/><path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z"/></svg>
              <a href="#">YourPocketGymApp</a>
            </div>
      
            <div class="subtitle">App to manage all set of exercises and workout journey.</div>
          </div>
        </div>
        <div class="repo">
          <div class="repo-img-background" style="background-image: url('images/study.jpg');"></div>
          <div class="img-text-wrapper">
            <div class="logo-wrapper">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="100px" height="100px"><path d="M0 0h24v24H0z" fill="none"/><path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z"/></svg>
              <a href="#">Head First Learning C</a>
            </div>
      
            <div class="subtitle">It's a book and all sample projects into it.</div>
          </div>
        </div>
        <div class="repo">
          <div class="repo-img-background" style="background-image: url('images/build-own.jpg');"></div>
          <div class="img-text-wrapper">
            <div class="logo-wrapper-long-reponame">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="100px" height="100px"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 13H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1zM7 19c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM20 3H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zM7 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/></svg>
              <div>
                <a href="#">Build Your Own HttpServer Swift</a>
              </div>
            </div>
      
            <div class="subtitle">It's a simple web server built with Swift.</div>
          </div>
        </div>
      </div>
    </main>
  
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/index.js"></script>
  </body>