index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>facetoface</title>

    <link rel="stylesheet" href="/src/style.css">
</head>
<body>
    <main>
        <pre>
                                
                    .   |
                        |
          \    *        |     *    .  /
            \        *  |  .        /
         .    \     ___---___     /    .  
                \.--         --./     
     ~-_    *  ./               \.   *   _-~
        ~-_   /                   \   _-~     *
   *       ~-/                     \-~        
     .      |                       |      .
         * |                         | *     
-----------|                         |-----------
  .        |                         |        .    
        *   |                       | *
           _-\                     /-_    *
     .  _-~ . \                   /   ~-_     
     _-~       `\               /'*      ~-_  
    ~           /`--___   ___--'\           ~
           *  /        ---     .  \   
            /     *     |           \
          /             |   *         \
                     .  |        .
                        |
                        |
        </pre>
        <div id="main-header">
            <h1 id="name">facetoface.</h1>
            <h2>a software developer in usa</h2>
        </div>
        <ul>
            <li>
                <a href="links">links</a>
            </li>
            <li>
                <a href="projects/">projects</a>
            </li>
            <li>
                <a href="blog">blog</a>
            </li>
        </ul>
    </main>
</body>
</html>