index.html

<link rel="stylesheet" href="portfolio.css">
<script src="portfolio.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.2/css/bulma.min.css">
    <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<section class="hero is-fullheight">
  <div class="hero-body">
    <div class="container">
      <div class="columns">
        <div class="column is-3 is-flex">
          <div class="column-child sidebar shadow">
            <div class="sidebar-header has-text-centered">
              <img
                src="static\mypic1.jpg" 
                class="sidebar-image">
              <h2 class="header-name">Abhishek Yadav</h2>
              <h5>Full Stack Web Developer</h5>
              <div class="social-icons">
                <a href="https://www.facebook.com/profile.php?id=100005680202761"><i class="fab fa-facebook icon"></i></a>
                
<a href="https://github.com/abhi14nexu"><i class="fab fa-github icon"></i></a>
                <a href="https://www.linkedin.com/in/abhishek-yadav-9b3915194/"><i class="fab fa-linkedin icon"></i></a>
                <a href="https://www.instagram.com/iabhi.y/"><i class="fab fa-instagram icon"></i></a>
              </div>
              <div class="resume">
                <a href="static\Resume.pdf" class="sidebar-link">
                  Resume
                </a>
              </div>
            </div>
          </div>
        </div>
        <div class="column is-flex">
          <div class="column-child terminal shadow">
            <div class="terminal-bar dark-mode">
              <div class="icon-btn close"></div>
              <div class="icon-btn min"></div>
              <div class="icon-btn max"></div>
              <div class="terminal-bar-text is-hidden-mobile dark-mode-text">welcome guest@abhishek: ~</div>
            </div>
            <div class="terminal-window primary-bg" onclick="document.getElementById('dummyKeyboard').focus();">
              <div class="terminal-output" id="terminalOutput">
                <div class="terminal-line">
                  <span class="help-msg">Welcome to Abhishek's portfolio — Type <span class="code">help</span>
                    for a list of supported commands.</span>
                </div>
              </div>
              <div class="terminal-line">
                <span class="success">➜</span> <span class="directory">~</span> <span class="user-input"
                  id="userInput"></span>
                <input type="text" id="dummyKeyboard" class="dummy-keyboard">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <footer class="footer">
    <div class="content has-text-centered">
      <p>
        Made with <i class="fas fa-heart icon"></i> by Abhishek Yadav.
      </p>
    </div>
  </footer>
</section>