How to Do it? I am unable to do after manny attemps please help

HTML-CSS
1

I am not able to compleate point 8.

Screenshot (188)
Screenshot (188)1366×768 119 KB

when I clink on link it open in new tab still it’s ot working…

Screenshot (193)
Screenshot (193)1366×768 123 KB

2

Hi @gunjan15697 !

Screenshots are not fun to read. :grinning:
Please post your codepen link.

3

I am using VScode tell me how I can do that?

4

Can you post your code directly into the forum then?

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

5 
<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IT HUB Online</title>
</head>

<body>

</body>
<!--This is header -->
<div class="header-part">
    <nav id="navbar">
        <ul>
            <li><a href="#welcome-section">About Us</a> </li>
            <li><a href="#projects">Work</a> </li>
            <li><a href="#profile-link">contact Us</a> </li>
        </ul>
    </nav>
</div>
<!--This is welcome section-->
<section id="welcome-section">
    <h1>Hey! I am GUNJAN.<br> a Web Developer</h1>
</section>

<!--Project Section-->
<section id="projects" class="projects">
    <h2 class="project-tile">These are some of my projects</h2>
    <div class="projects-contents">
        <a href="#">First </a>
        <a href="#">Second </a>
        <a href="#">Third </a>
        <a href="#">Fourth </a>
    </div>
</section>
<section id="profile-link" class="contact">
<h1>lets Work Togeher </h1>
<h2>Connect with my Social Profiles </h2>
<a href="https://www.freecodecamp.org/gunjan15697" target="_blank"> My freecodecamp Profile</a>
</section>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

</html><!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IT HUB Online</title>
</head>

<body>

</body>
<!--This is header -->
<div class="header-part">
    <nav id="navbar">
        <ul>
            <li><a href="#welcome-section">About Us</a> </li>
            <li><a href="#projects">Work</a> </li>
            <li><a href="#profile-link">contact Us</a> </li>
        </ul>
    </nav>
</div>
<!--This is welcome section-->
<section id="welcome-section">
    <h1>Hey! I am GUNJAN.<br> a Web Developer</h1>
</section>

<!--Project Section-->
<section id="projects" class="projects">
    <h2 class="project-tile">These are some of my projects</h2>
    <div class="projects-contents">
        <a href="#">First </a>
        <a href="#">Second </a>
        <a href="#">Third </a>
        <a href="#">Fourth </a>
    </div>
</section>
<section id="profile-link" class="contact">
<h1>lets Work Togeher </h1>
<h2>Connect with my Social Profiles </h2>
<a href="https://www.freecodecamp.org/gunjan15697" target="_blank"> My freecodecamp Profile</a>
</section>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

</html>
6

The problem is here

The id of profile link needs to be in the anchor tag.

It doesn’t make sense to have it in the section tag.

Hope that helps!

1 Like
7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.