all repos — website @ 70976f73686ad9ed612e989b4055dc7527c62da7

personal website hosted at prithu.xyz, built using hugo

index.html

<!DOCTYPE html>
<html lang="en">
<head>

  <meta charset="utf-8">
  <title>Prithu Goswami</title>
  <meta name="description" content="Prithu Goswami's personal website">
  <meta name="author" content="Prithu Goswami">
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->

  <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700" rel="stylesheet"> 
  <link rel="stylesheet" href="/css/main.css">
  <link rel="icon" type="img/png" href="/img/favicon.png">

</head>

<body>
  <nav>
    <ul>
      <li><a href="/">About me</a></li>
      <li><a href="/projects">Projects</a></li>
      <li><a href="/blog.html">Blog</a></li>
      <li><a href="/links">Links</a></li>
    </ul>
  </nav>

  <section id="intro">
    <div class="container">
      <svg id="stripes-green" width="237" xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 237 209" preserveAspectRatio="xMidYMid meet">
        <rect x="21" y="16" width="162" height="13" rx="6" transform="rotate(39 21 16)" fill="#8BEF89"/>
        <rect x="52" y="68" width="205" height="13" rx="6" transform="rotate(39 52 68)" fill="#8BEF89"/>
        <rect x="44" y="8" width="189" height="13" rx="6" transform="rotate(39 44 8)" fill="#8BEF89"/>
        <circle cx="152" cy="132" r="6" transform="rotate(39 152 132)" fill="#8BEF89"/>
        <circle cx="38" cy="65" r="6" transform="rotate(39 38 65)" fill="#8BEF89"/>
      </svg>
      <svg id="stripes-purp"width="204" xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 204 182" preserveAspectRatio="xMidYMid meet">
        <rect x="21" y="16" width="162" height="13" rx="6" transform="rotate(39 21 16)" fill="#B554E3"/>
        <rect x="52" y="68" width="162" height="13" rx="6" transform="rotate(39 52 68)" fill="#B554E3"/>
        <rect x="44" y="8" width="162" height="13" rx="6" transform="rotate(39 44 8)" fill="#B554E3"/>
        <circle cx="152" cy="132" r="6" transform="rotate(39 152 132)" fill="#B554E3"/>
        <circle cx="38" cy="65" r="6" transform="rotate(39 38 65)" fill="#B554E3"/>
      </svg>

      <div class="shadow-box">
        <div class="head-text">
          <h1>Prithu Goswami</h1>
          <h2>Developer + Designer</h2>
        </div>

        <div class="intro-text">
          <p>
          Hey there, I am Prithu Goswami. I am currently studying at PES
          University South Campus, Bangalore(PESIT-BSC) where I am persuing
          a Bachelor's degree in Computer Science and Engineering.
          </p>
          <p>
          I love to build new things and design solutions to problems.
          I have been fascinated by computers and technology since a very
          young age.
          </p>
        </div>
        <!-- #b554e3 -->

        <img id="profile-pic" src="./img/duotone-profile-small.jpeg">

        <svg id="triangle" xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 128 59" preserveAspectRatio="xMidYMid meet">
          <path d="M34 0l47 9 47 10L0 59z" />
        </svg>

        <svg id="circle" xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 74 74" preserveAspectRatio="xMidYMid meet">
          <circle cx="37" cy="37" r="37" />
        </svg>

        <div id="socials">
          <a href="mailto:prithugoswami524@gmail.com">
            <div class="sb mail">
              <img src="/img/mail.svg">
            </div>
          </a>
          <a href="https://github.com/prithugoswami" target="_blank">
            <div class="sb github">
              <img src="/img/github.svg">
            </div>
          </a>
          <a href="https://dribbble.com/prithugoswami" target="_blank">
            <div class="sb dribbble">
              <img src="/img/dribbble.svg">
            </div>
          </a>
          <a href="https://twitter.com/prithu524" target="_blank">
            <div class="sb twitter">
              <img src="/img/twitter.svg">
            </div>
          </a>
        </div>

      </div>
    </div>
  </section>

</body>
</html>