Website Design and Development

On my home page I show a one dimensional Hexagon for my firm's logo which I wish to convert it to a three dimensional rotating Hexagon. The Hexagon should be drawn as a colored transparency as shown in the drawing provided with three inside bars at every other side as shown in the one dimensional Hexagon logo provided. The rotational axis should show mostly the face of the Hexagon. Also, on the home page I am having trouble with getting the rotating Earth sphere centered within the identification arrows when it is placed on the home page. Some of my development is a copy, drag and drop process with HTML software that I have worked on to build compatibility for professional presentation for marketing, sales and product-service education. The coding in general for my firm's website is based on HTML hopefully version 5 to give me maximum control of the website for additions, changes, corrections and updates. I looked up information on HTML rotational coding but have yet to learn how to apply it, and of course there are so many form of website design and development programming it is as of now beyond my skills. Below is the outline for the website pages that will be part of the newly formed energy firm that I felt I completed since I know how to copy drag and drop, with the exception of the home page that I am having problems with as stated above. Never the less I am open to ideas, comments, plans and sound recommendations as to the best way to resolve this problem. Please give me your estimated cost!