Technical Documentation Page - Build a Technical Documentation Page

Hello, I can’t seem to pass these two challenges no matter how many times I try.

1.) Each .main-section should have an id that matches the text of its first child, having any spaces in the child’s text replaced with underscores (_) for the id’s.

2.) Each .nav-link should have an href attribute that links to its corresponding .main-section (e.g. If you click on a .nav-link element that contains the text “Hello world”, the page navigates to a section element with that id).

Any help would be appreciated. Thanks!

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<!DOCTYPE html>
<html lang="en">
    <head>
      <meta charset="UTF-8">
    <link rel="stylesheet" href="styles.css" />
</head>
<body>
    <nav id="navbar">
        <header>MRD - Executive Aesthetics</header>
        <ul>
            <li><a class="nav-link" href="#Executive_Summary">Executive Summary</a></li>
            <li><a class="nav-link" href="#Opportunity">Opportunity</a></li>
            <li><a class="nav-link" href="#Target_Demographic">Target Demographic</a></li>
            <li><a class="nav-link" href="#Marketing_Strategies">Marketing Strategies</a></li>
            <li><a class="nav-link" href="#Competition">Competition</a></li>
            <li><a class="nav-link" href="#Metrics_Strategies">Metrics Strategies</a></li>
        </ul>
    </nav>
<main id="main-doc">
     <section class="main-section" id="Executive_Summary">
         <header>Executive Summary</header>
        <article>
        <p> This Marketing requirements document is designed for Executive Aesthetics which is an independent marketing and visual design firm, founded in 2022 and located in Honolulu, Hawaii.</p><p>We offer innovative solutions for social media advertising, public relations, graphic design, and web development. We have provided a plethora of local businesses with the tools that they need to flourish.</p>
        </article>
    <section>
<section class="main-section" id="Opportunity">  
         <header>Opportunity</header>
       <article> 
    <p>Since the pandemic, we have had a few members of our team leave due to medical reasons or the chance explore new opportunites. We have been trying to find a new graphic designer who is fluent with the Adobe Creative Suite and Blender/3D modeling.</p><p>Creating and maintaining good relationships with our clients are vital to our mututal benefical success. We have also been looking for bigger clients that we could spark relationships with, as this would help our company to grow.</p>
    <p>Opportunity cost is another factor that we must consider. We are able to calculate it using this formula: <code>Opportunity Cost = Return on Most Profitable Investment Choice - Return on Investment Chosen to Pursue</code></p>
        </article>
     </section>    
<section class="main-section" id="#Target_Demographic"> <header>Target Demographic</header>
         <article>
            <p>We are currently aiming to reach local business owners who are in need of broadening their reach. Many local business owners are not able to effectively showcase their work to a wide audience.</p><p>  We are also trying to focus on building our client base with restaurants in the Honolulu area, as we have noticed tourism is beginning to come back, and many remote workers are moving here. We calculated this new demographic using this formula: <code> Demographic growth = dividing the number of people added to a population in a year (Natural Increase + Net In-Migration)</code></p>
            <p>We can also calulate the Category Development Index (CDI) uisng this formula: <code> CDI= percent of category sales % percent of the poulation in the market x 100 </code></p> 
         </article>
        </section>
        <section class="main-section" id="#Marketing_Strategies">
            <header>Marketing Strategies</header>
        <article> 
            <ul>
                <li>Email Marketing</li>
                <li>PR Marketing</li>
                <li>Social Media Marketing</li>
                <li>Relationship Marketing</li> 
                <li>Word of Mouth Publicity</li>
           </ul>
        </article> 
        </section>
        <section class="main-section" id="#Competition">
            <header>Competition</header> 
            <article>
                <p>In order to effectively compete with other marketing firms on the island, we offer competitve pricing. In order to calculate our pricing we factor in pirce index using the formula: <code> Competition Pirce % Our price x 100</code></p><p>Our direct competition consists of other small local marketing companies. Our indirect competition is made up mostly of websites that offer small business owners to design their own websites (Squrespace, WordPress, etc...) </p>
                
            </article>
        </section>
        <section class="main-section" id="#Metrics_Strategies">
            <header>Metrics Strategies</header>
            <article>
                <p>In order to gauge how successful we are we use certain key metrics.The first one is revenue. We examine both revenue growth and revenue per client in order to determine our pricing. We are able to calculate our revenue with this formula: <code> Sales x Average Price of Service = Revenue</code> <p></p>We are looking to add more restaurants to our client base. We will use social media interaction, online reviews, and restaurant profits in order to determine how successful we are. </p>
            </article>
        </section>
    </main>
</body>
<html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

You have at least one syntax error, here.
Sometimes that’s enough to break the whole thing.

Also I am not sure if you are using header element as it should be used.

It would be a good idea to run this code through validator.

Thanks, I checked that out, still coming across the same errors though.

have you tried the validator? what’s your new code?

1 Like

The use of # in id is not needed

Target Demographic
     <article>
        <p>We are currently aiming to reach local business owners who are in need of broadening their reach. Many local business owners are not able to effectively showcase their work to a wide audience.</p><p>  We are also trying to focus on building our client base with restaurants in the Honolulu area, as we have noticed tourism is beginning to come back, and many remote workers are moving here. We calculated this new demographic using this formula: <code> Demographic growth = dividing the number of people added to a population in a year (Natural Increase + Net In-Migration)</code></p>
        <p>We can also calulate the Category Development Index (CDI) uisng this formula: <code> CDI= percent of category sales % percent of the poulation in the market x 100 </code></p> 
     </article>
    </section>
    <section class="main-section" id="#Marketing_Strategies">
        <header>Marketing Strategies</header>
    <article> 
        <ul>
            <li>Email Marketing</li>
            <li>PR Marketing</li>
            <li>Social Media Marketing</li>
            <li>Relationship Marketing</li> 
            <li>Word of Mouth Publicity</li>
       </ul>
    </article> 
    </section>
    <section class="main-section" id="#Competition">
        <header>Competition</header> 
        <article>
            <p>In order to effectively compete with other marketing firms on the island, we offer competitve pricing. In order to calculate our pricing we factor in pirce index using the formula: <code> Competition Pirce % Our price x 100</code></p><p>Our direct competition consists of other small local marketing companies. Our indirect competition is made up mostly of websites that offer small business owners to design their own websites (Squrespace, WordPress, etc...) </p>
            
        </article>
    </section>
    <section class="main-section" id="#Metrics_Strategies">
        <header>Metrics Strategies</header>
        <article>
            <p>In order to gauge how successful we are we use certain key metrics.The first one is revenue. We examine both revenue growth and revenue per client in order to determine our pricing. We are able to calculate our revenue with this formula: <code> Sales x Average Price of Service = Revenue</code> <p></p>We are looking to add more restaurants to our client base. We will use social media interaction, online reviews, and restaurant profits in order to determine how successful we are. </p>
        </article>
    </section>

[quote=“joshlikestocode808, post:1, topic:542122”]

<section class="main-section" id="#Target_Demographic"> <header>Target Demographic</header>
         <article>
            <p>We are currently aiming to reach local business owners who are in need of broadening their reach. Many local business owners are not able to effectively showcase their work to a wide audience.</p><p>  We are also trying to focus on building our client base with restaurants in the Honolulu area, as we have noticed tourism is beginning to come back, and many remote workers are moving here. We calculated this new demographic using this formula: <code> Demographic growth = dividing the number of people added to a population in a year (Natural Increase + Net In-Migration)</code></p>
            <p>We can also calulate the Category Development Index (CDI) uisng this formula: <code> CDI= percent of category sales % percent of the poulation in the market x 100 </code></p> 
         </article>
        </section>

Use of # in id not needed

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