Code Institute - Pillar Project #1 - Mark Clone inc.

LIVE VERSION HERE

Project Summary

This project is educational as part of my Full-Stack Developer course at Code Institute. It is the first out of four Pillar Projects to be completed in the course. This project #1 is limited to using html5, CSS3 and CSS-Frameworks such as Bootstrap.

The project I have chosen to make is web-site for the very fictitious company Mark-Clone inc. The company is selling it's one and only (also very fictional) product; the fully modular clone of Mark (as a coincidence Mark happens to be my own name) The latest model is Mark-2000 - The ultimate Employee and Coworker.

The Inspiration

The inspiration for this project originates mainly from the car industry where you can order a customized version of your car directly on the Company webpage. Where you first pick your basic model, and then add an engine alternative, gear-box, climate-control system, color, interior etc. Instead of a car I now try to sell an imaginary cloned version of myself. As you can see I approach this concept for content in a very lighthearted way (but I take the project very seriously indeed). Why not have some fun while learning? I hope you don’t mind.

UX

A separate UX documents:

• UX Document
• Balsamiq Wireframe

Features

Existing Features

• Start page (sort of a Landing-page)
• User being able to get Product Information
• User being able to get Customer support (Contact, Tech-Support, FAQ, etc.)

Features Left to Implement

2. Users being able to customize and order the product
3. User being able to upgrade existing product.
4. User being able to get Company Information (Mission Statement, History etc.)
5. Create personal Logged in page -> Login form -> Create user account form

Technologies Used

To be updated.

Testing

To be updated.

Deployment

To be updated.

Credits

All to be updated.

Content

Media

Images

MAIN PAGE - index.html

1. track-sky-1920-1080.jpg - Top of index.html - is a montage:
   • Track
   • Blue Sky
2. running-mark-400.png and running-mark-half-400-png - Top of index.html - is a montage:
   • Body
   • The head is actually my own - I have my permission!
3. good-morning.png - Middle of index-html
4. lego-man.png - Middle of index-html - is a montage:
   • Body
   • Head - is actually my own - I have my permission!
5. FAKE QUOTE (He did really never say that!) from Richard Branson (richie-b.jpg)
6. FAKE QUOTE (He did really never say that!) from Elon Musk elon-m.jpg)
7. FAKE QUOTE (He did really never say that!) from Donald Trump (donald-t.jpg)

ORDER PAGE - order.html

1. Header background - appearance-header-300.jpg - is a montage:
   • Background
   • Head - is actually my own - I have my permission!

Other Images: https://avvenice.com/59607-large_default/https://resources1.oka.com/assets/en/new/catalogue/1200x1200/IWC066GYL-0_01.jpg?imgver=495Jk https://www.amazon.com/Astronaut-Spaceman-Inflatable-Chub-Suit-Costume/dp/B07SNFJ9S2 http://www.idrottensaffarer.se/files/imagecache/100_proc/story_image/borg_2_0.jpgJk https://d1251d0o0760fi.cloudfront.net/catalog/product/w/a/ https://watches-bust-down-rolex-diamond-watch-for-men-41mm-two-tone-datejust-18k-gold-1725_main.jpgJk https://i.pinimg.com/originals/6f/c8/99/6fc899ffe381765e7de4220ea03f6d65.jpg https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Coffee_cup_icon.svg/1200px-Coffee_cup_icon.svg.png https://www.kalona.lib.ia.us/images/theaterfaces/image https://staticblog.virtualvocations.com/2017/12/iStock-520544094.jpg https://spinnetihabo.se/wp-content/uploads/AfterWork.jpg https://w7.pngwing.com/pngs/958/611/png-transparent-black-and-white-car-comics-speech-bubble-conversation-bar-logo-angle-white-text.png https://previews.123rf.com/images/anatolymas/anatolymas1103/anatolymas110300003/8996082-red-alarm-clock-3d-image-isolated-white-background-.jpg https://www.nist.gov/sites/default/files/styles/960_x_960_limit/public/images/2017/10/25/cheers-to-manufacturing.jpg?itok=phrHB31Y https://img.favpng.com/7/23/14/party-hat-birthday-clip-art-png-favpng-MUNZav2HkT8urPtqQiSQm6HBp.jpg https://img.accu.co.uk/products/GB-A2_xl.jpg https://images.freeimages.com/images/large-previews/ce1/vector-gears-1441085.jpg https://s3-eu-west-1.amazonaws.com/digitalfoto-productsearch/content/uploads/2018/08/23102403/anm_gimp2_01-960x960.png https://cdn-images-1.medium.com/max/1200/0*tCz6lxY5sQ7owU9j.jpeg https://timesofindia.indiatimes.com/photo/68922625.cms https://cxuniversity.com/wp-content/uploads/2020/03/Remote-Work-Homepage-Banner-1-1200x750.jpg https://media.gettyimages.com/photos/pizza-delivery-girl-holding-out-pizza-box-portrait-picture-id200562551-001 https://krokedil.se/wp-content/uploads/2014/10/pay-with-creditcard-416x238.jpg

Acknowledgements