まず初めのお約束 右側のdivを作りました。
そして見出しを設定します。 これは説明しなくとも解って頂けると思います。
今まで説明した物しか使っていませんね。
そしてそれぞれのソフトの説明に入ります。
　ここではリストを使っています。リストについては→こちら
リストの装飾も用いています。リストの装飾については→こちら
　まずリストの定義をします。 　行頭記号を画像にしています。これです。
そしてソフト名を入れます。 target="_brank"と言うのは、別ウインドウ（もしくはタブ）で表示すると言う指定です。
そして説明に行きます。 list-styleをnoneに指定しています。行頭記号を無しにしています。
これをしないと赤い矢印の前に青い矢印が出てしまうのです。
その<li>内にまたリストを定義します。 先ほどと同じですね。一応これです。
そしてソフトの説明文を入れます。 そして、<li class="c1">内のリストを終わらせます。 全てのソフトを書き終えたら</ul>でリストを終わらせます。
下のリンクも同じように作ります。

　これで右側のメニューが作れましたね？
作り終えたら、これで締めくくるのを忘れないでください。

　最後に下のコピーライトを書いたら終わりです。 <h1>でくくっているので、サイズと文字幅を普通にしています。
最後に<div id="wrapper">を終わらせます。 これで、このサイトがどのように出来ているか解って頂けたと思います。
　難しい事は一つもないと思います。
初めに記述した簡単なプログラミング言語と言っていた意味が分かって頂けたと思います。
これからも更なる進歩を共に歩んで行きましょう。
ここまで読んで頂いてありがとうございました。