Fashion Blog Project: any suggestion?

Hi everyone,
I just finished the module: Semantic HTML, and tried the project : Fashion Blog(which was from the previous module:Learn HTML:Structure.)

Can someone help me to look at this project, which I have added some components that I have learned from Semantic?

I am still not confidence on the outline, as well as the use of semantic HTML, such as <header>,<article>,<footer> and etc.
Just wondering if anybody can help me to check if there are any errors in my code?

Link to the project:https://www.codecademy.com/paths/front-end-engineer-career-path/tracks/fecp-web-development-fundamentals/modules/fecp-learn-html-structure/informationals/premium-fashion-blog
My HTML:

<!DOCTYPE html>
<html lang=en>
  <head>
      <title>Everyday with Isa</title>
  </head>  
  <body>
      <figure>
          <a href="#contact"><img src="Picture/Isa.webp" alt="IsasPhoto"></a>
          <figcaption>
              <p>by Isabelle Rodriguez | 1 day ago</p>
          </figcaption>
      </figure>
      <header>
          <h1>An Insider’s Guide to NYFW</h1>
      </header>
      <aside>
          <img src="Picture/1stImage.jpeg" alt="womenHoldingShoppingBags"/>
          <p><a href="https://en.wikipedia.org/wiki/New_York_Fashion_Week." target="_blank">NYFW</a> can be both amazingly fun & incredibly overwhelming, especially if you’ve never been. Luckily, I’m here to give you an insider’s guide and make your first show a pleasurable experience. By taking my tips and tricks, and following your gut, you’ll have an unforgettable experience!</p>
      </aside>
      <main>
          <article>
              <h2>Getting Tickets & Picking the Shows</h2>
              <img src="Picture/2ndImage.jpeg" alt="womenWithOneArmShowed"/>
              <p>If you’re lucky or connected you can get an invite, sans the price tag. But I wasn’t so lucky or connected my first 2 years so I’m here to help you out. First, plan out which shows are most important to you and make a schedule and this is a biggie: SET A BUDGET. If you’re worrying about blowing your cash the whole time you won’t have fun. Then check out prices, days, and times and prioritize the designers you want to see most. Lastly, purchase your tickets and get excited!</p>
          </article>
          <article>
              <h2>Dressing for the Shows</h2>
              <img src="Picture/3rdImage.jpeg" alt="menWithBlackHat"/>
              <p>Always be true to your own sense of style, if you don’t you’ll be uncomfortable the whole time and it will show. Remember, NYFW is about expressing yourself and taking in what the designers have chosen to express through their new lines. Also it’s important to wear shoes you’ll be comfortable in all day. Obviously you want to look good, but you’ll be on your feet all day long, so be prepared.</p>
          </article>
          <h4>Related Conten</h4>
          <ul>
            <li>How To Style Boyfriend Jeans</li>
            <li>When Print Is Too Much</li>
            <li>The Overalls Trend</li>
            <li>Fall’s It Color: Blush</li> 
          </ul>
      </main>
      <footer id="contact">
          <p><strong>email:</strong>isa@fashionblog.com | <strong>phone:</strong> 917-555-1098 | <strong>address:</strong> 371 284th St, New York, NY, 10001</p>
      </footer> 
  </body>
</html>

One could put the figure inside the header, and the aside inside main, above Related Conten. Note the typo.

1 Like

Thank you very much!!!

1 Like

I had asked earlier about an issue I was having about this project. I had been instructed to create an interior link for “NYFW” I’m trying to structure the code properly but I don’t have a clue about this. I don’t think it was covered in the lesson. I’m trying to find more information about this but I’m not able to. I’m stumped.

By ‘interior link’ do you mean to a page fragment?

<div id="nyfw">
  <h2>NYFW</h2>
  ...
</div>

<a href="#nyfw">NYFW</a>

Above is a fragment link.

It doesn’t appear to be. I was supposed to create an anchor link tied to the term NYFW. There is a specific website that it’s supposed to go to.

I don’t remember this code being featured in the lesson. I went over the review and could not find it. I will go through the lesson again and see if it’s covered.

Thank you.

Please post a link to the landing page for this project.

https://www.codecademy.com/courses/learn-html/projects/html-fashion-blog

1 Like

If memory serves, the lesson with the Brown Bear topic has one or more links. They take the following form…

<p><a href="..." target="_blank">TARGET</a></p>

Roy

Sorry, I haven’t heard back from you yet. I still have to complete the assignment so that I can complete the course. If you could point me in the right direction, that would be great. Much appreciated.

Julie

Which step are you stuck on?

Roy

My main problem has been with links and anchor links. I was instructed to create a link that would anchor onto the term NJFW. I have not been able to do this. It appears. also, that I did not properly close my code–the rest of my content has become a hyperlink.

Any help you can give would be appreciated.

Julie

Please post the line or lines where you have declared the link. Does it follow the example given earlier?

Yes. It is the same.

Please post your attempt at marking up the link.

I deleted a lot of the work I originally did. I apologize for that.

Ah, sorry for that. Never to late to reset the whole exercise and start from step 1. We need the practice, believe you me. Be sure to reread the narrative. Let us know where you hit a wall, and post your code sample for us to examine.

Roy

I was figuring I would have to do that. I want to retake the course from the beginning–maybe somewhere in there is the information I’m missing. Would I have to drop out of the course and re-enroll?

Thanks

Julie

No need to drop out. Just Reset. You have the option to reset a lesson, a module or your entire course history. Step back slowly to arrive at which path you will eventually choose. Just keep in mind, there is only success if we keep going after every failure. It is not something we should fear. Review and redo as much as necessary to gain confidence. Practice, practice, and practice some more.

Roy

Makes sense. Thank you so much for your help.

Julie

1 Like