Anybody Joomla Gurus here?

I am so confused by what I need to do.

This is the file that I am trying to get to show properly on my website. I was told that in order to get this to work right I needed to:

In your template package you will see an ExampleLandingPage.txt file. This file contains the commented HTML source of the landing pages which you can edit and paste directly into your articles. If you're using a blank installation of Joomla! we strongly recommend the JCE Content Editor. This will allow you to take full advantage of the editor styles and "see" the content in your editor as it will be displayed on your pages.


THEN:
To make certain things work (above feature) I have to:

install the mod_bodyclass module.

Here are the instructions:

1. To install, navigate to your Joomla! administration and go to Extensions -> Install -> then browse to and upload the mod_bodyclass.zip file.

2. In your Module Manager (Extensions -> Module Manager) assign the Body Class module to the 'bodyclass' module position.
The important part is to publish the module only on the Pages/Items of your landing page(s).

If the landing page you need to assign the module to is not available in your Pages/Items list, you can create a placeholder menu (Menus -> Menu Manager) and create links to your landing pages. This will allow you to assign the module to those specific Pages/Items within the module manager. Don't worry about having the extra menu. If you don't publish it as a module, it will never be seen on your site.

HTML:

<! -- Begin Landing Page Content -->
<div id="teaser">

<! -- Main Headline -->
<h1 class="bigheading">Big Headings Have Bigger Impact!</h1>

<! -- Main Tagline - Add span tag for color accent -->
<h2 class="subheading">Give your readers <span>a reason</span> to be excited</h2>

<! -- Left Aligned Product Image -->
<img class="alignleft" src="images/stories/product_box.png" />

<! -- Left Aligned List -->
<ul class="left">

<li class="info">
<span>Feature Title A</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus justo urna. Donec vel vestibulum risus. Aliquam et purus a diam ultricies fermentum. Donec pharetra iaculis mattis.
</li>

<li class="star">
<span>Feature Title B</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus justo urna. Donec vel vestibulum risus. Aliquam et purus a diam ultricies fermentum. Donec pharetra iaculis mattis.
</li>
</ul>

<ul class="right">

<li class="idea">
<span>Feature Title C</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus justo urna. Donec vel vestibulum risus. Aliquam et purus a diam ultricies fermentum. Donec pharetra iaculis mattis.
</li>

<li class="search">
<span>Feature Title D</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus justo urna. Donec vel vestibulum risus. Aliquam et purus a diam ultricies fermentum. Donec pharetra iaculis mattis.
</li>
</ul>
<div class="clear">&nbsp;</div>
</div>
<!-- /end teaser -->

<! -- Begin Call to Action Box -->
<div class="cta">

<div class="bigbutton">
<a href="#"> <span class="title">Call to Action!</span>
<span class="desc">Your call to action</span></a>
</div>

<h3>This is your Call to Action (CTA)</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus justo urna. Donec vel vestibulum risus. Aliquam et purus a diam ultricies fermentum.
</p>
</div>
<! -- /End Call to Action Box -->

<! -- Begin Testimonials -->
<! -- Each P tag enclosed will fade sequentually -->
<div class="testimonials">

<p>This is a sample user testimonial. I've been using Impacto on my product pages and have noticed a significantly higher click-through-ratio on my contact forms and products!<cite>John Smith</cite></p>

<p>This is another sample testimonial from a user. Joomla! makes creating landing pages for my content fun. I never realized how much I was in control of my traffic before. This is amazing!<cite>Bill Stevens</cite></p>

<p>One thing about Impacto that I really love is the ability to hide the navigation bar, header, and footer on specific pages. This really eliminates the potential for distraction and lets me really emphasize what I want my users to read.<cite>Carl Thatcher</cite></p>

<div class="clear">&nbsp;</div>
</div>
<! -- /End Landing Page Content -->

 

Needless to say none of this works properly.

I assume that my problem has to do with the fact that

#1. I don't know how to create a proper placeholder menu for the above mod (body class) to link to.

Because, I know how to install and assign the body class module to the body class position. That was easy enough. Creating a placeholder has proved to be much more difficult.

Secondly, I assume that the html code listed there should be pasted and published to a new article using the html feature of the editor (which I did). I am not sure how or if I even am supposed to link it to my new "menu." Or if I am supposed to make it a featured article or not?

 

Yes I did do that. All of the .zip files were installed including the mod_body_class, the template, etc, using the extension manager.