Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Introduction to HTML and CSS (2016) HTML: The Structural Foundation of Web Pages and Applications Paragraph Tags

Ben Ja
PLUS
Ben Ja
Courses Plus Student 5,561 Points
Posted by Ben Ja
Ben Ja
Courses Plus Student 5,561 Points

Accidently deleted the index file. Am I able to recover it back in order to progress my learning, if so.. How? Thanks

Rookie error. Accidentally deleted the main .index file.

Unfortunately it has halted my learning. Any solutions are widely accepted.

Craig Schauer
.a{fill-rule:evenodd;}techdegree
Craig Schauer
Full Stack JavaScript Techdegree Student 3,084 Points

Another way you could fix this is going to the downloads tab and downloading the source files, and then uploading the file you deleted to the workspace. You right click the folder in the workspace and click "Upload file"

1 Answer

Rabin Gharti Magar
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree seal-36
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,926 Points
Rabin Gharti Magar
.a{fill-rule:evenodd;}techdegree seal-36
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,926 Points

Hey Ben Ja,

Create a new file in your workspace, copy the code I have provided and save it as index.html and you will be good to go!

<!doctype html>
<html lang="en">
  <head>
      <meta charset="utf-8">
      <title>Treasure Porth's Profile</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="stylesheet" href="styles.css">
      <link href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900" rel="stylesheet">
  </head>
  <body>
    <div class="main-nav">
        <ul class="nav">
          <li class="name">Jane Smith</li>
          <li><a href="#">Home</a></li>
          <li><a href="resume.html">Experience</a></li>
          <li><a href="#">Photos</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
    </div>

    <header>
      <img src="http://placeimg.com/400/400/people" alt="Drawing of Jane Smith" class="profile-image">
      <h1 class="tag name">Hello, I’m Treasure.</h1>
      <p class="tag location">My home is Salem, Oregon.</p>
    </header>

    <main class="flex">
      <div class="card">
        <h2 class="card-title">Background</h2>
        <ul>
            <li>I’m an aspiring web designer who loves everything about the web. I've lived in lots of different places and have worked in lots of different jobs.</li>
            <li>I’m excited to bring my life experience to the process of building fantastic looking websites.</li>
            <li>I’ve been a professional cook and gardener and am a life-long learner who's always interested in expanding my skills.</li>
            <li>To learn more, <a href="resume.html">view my resume.</a></li>
         </ul>
         <h3>A New Subsection</h3>
      </div> 

      <div class="card">
        <h2 class="card-title">Goals</h2>
        <p>I want to master the process of building web sites and increase my knowledge, skills and abilities in:</p>
        <ul class="skills">
          <li>HTML</li>
          <li>CSS</li>
          <li>JavaScript</li>
          <li>Ruby</li>
          <li>Rails</li>
        </ul>
        <p>I’d like to work for a web design firm helping clients create an impressive online presence.</p>
      </div> 

    </main>
    <footer>
      <ul>
        <li><a href="#" class="social twitter">Twitter</a></li>
        <li><a href="#" class="social linkedin">LinkedIn</a></li>
        <li><a href="#" class="social github">Github</a></li>
      </ul>
      <p class="copyright">Copyright 2015, Jane Smith</p>
    </footer>
  </body>
</html>

Hope this helps!