ZachNusbaum
8/20/2018 - 9:06 PM

FlickeringFrillyRobot created by ZachNusbaum - https://repl.it/@ZachNusbaum/FlickeringFrillyRobot

FlickeringFrillyRobot created by ZachNusbaum - https://repl.it/@ZachNusbaum/FlickeringFrillyRobot

index.js
content_copyfile_download
Empty file
index.html
content_copyfile_download
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <link href="index.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <img src="https://via.placeholder.com/175x175">
    <h1>Hi, I'm Zach!</h1>
    <hr>
    <div id="about">
      <div id="bio">
        <h2>Who am I?</h2>
        <p>My name is <em>Zach Nusbaum</em>. I grew up near <em>Detroit, Michigan</em>. I graduated from <em>Michigan State University</em> in <em>2014</em>, with a degree in <em>History, Philosophy, and Sociology of Science</em>.<br> I moved to <em>Phoenix, Arizona</em> in July 2015 and lived there for 3 years before moving to <em>San Diego</em>! This is my <em>2<sup>nd</sup> semester</em> at <em>Mesa College</em>.</p>
        <h2>What are my goals?</h2>
        <p>I am seeking a career in <em>Web Development</em>. I am taking this course to <em>update my HTML/CSS skills</em>. Over the past few years I worked mostly on the <em>server side</em> of things.</p>
        <h2>What's my prior experience?</h2>
        <p>I have been interested in designing websites <em>for as long as I can remember</em> (I made websites for my friends back in Elementary School!). However, I haven't done a lot of web design since I started college in 2011. </p>
      </div>
      <div id="stats">
        <h2>Stats</h2>
        <ul>
          <li>26 years old</li>
          <li>Languages spoken:
            <ul>
              <li>English (fluent)</li>
              <li>Spanish (advanced)</li>
              <li>Hebrew (elementary)</li>
            </ul>
          </li>

          <li>
            Pets:
            <ul>
              <li><em>Ozzy</em>, a white golden retriever, who is scared of his own reflection, and lives with my parents back in Michigan.</li>

              <li>
                <em>Dez</em>, the fluffiest gray tabby cat you'll ever meet, who lives with me here in San Diego!
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <script src="index.js"></script>
  </body>
</html>
index.css
content_copyfile_download
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhai|Indie+Flower');

h1, h2 {
  font-family: 'Baloo Bhai', cursive;
}

p, ul {
  font-family: 'Indie Flower', cursive;
}

h1, img {
  display: inline-block;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

h1 {
  padding-left: 50px;
}

hr {
  padding-top: 0px;
  margin-top: 0px;
}

#about {
  display: flex;
}

#bio {
  width: 50%;
}

#stats {
  width: 50%;
}

#stats {
  border: 2px solid red;
  border-radius: 25px;
}
#stats h2 {
  padding-left: 25px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
ul {
  padding-top: 0px;
  margin-top: 0px;
  padding-left: 50px;  
}

em {
  color: green;
  font-style: oblique;
}