AFTER MANY MISTAKES HERE IS MY WEBSITE

Hello there,

I'm so glad that you're here today to read this article !! I don’t think I told you this before, but I am a novice in web design but today I'm quite satisfied with the site I created. Therefore I'm going to talk about my "December project" that I was supposed to show to my teacher on December 11, 2019.









Okey so, our lecturer gave us a template and our objective was to change it by choosing a local shop such as bakery, clothes shop, flowers shop, etc..  we were supposed to  examine the HTML and CSS code and to edit each element, add new content, images, videos, banner etc...




For nearly 3 weeks, I spend about 3 hours every day coding with html and Css. Sometimes I just dreamt about it...

First of all, I had chosen to make the website for a glass company. A glass company? Don't ask me why, because even me, I don't know hahaha !


Here is the logo of the company I created, "L'atelier du Verre, depuis 1984" which basically means "the glass workshop, since 1984". I chose to write it in French because it gives more charm and quality.

Well, the logo was the easiest part. To tell you the truth I made a lot of mistakes creating up 3 mini websites by trying some new navigation bar, add a gradient color on the background, trying to create a social media button, an email newsletter etc...
The result was that each website was unattractive to look. I mean there was a good content but the disegn was bland and that was because of CSS codes.
I was very frustrated with the result because in my mind everything was planned (color, layout, images..), but in reality was this :






All right, I agree with you it's not the same site than Apple or Netflix but almost .. ;)))
Okey... No jokes. No jokes.



After this result I decided to start watching videos on youtube as a friend suggested to me.
Strangely youtube quickly became a good friend !












For example my first attempt : I typed on the search bar how to make a bar navigation and look the result :











Very basic, but at least it was better than previously. I added my logo on the same line to make it a bit better. That was just the beginning.
During 3 weeks I had new stuff created, I learned new codes but above all, I made many mistakes but in the end, as my parents often was tell me, "we always learn from our mistakes"and that's true !

Examples of mistakes I had made :

Here for example I was unable to add the button "send".
























-------------------------------------------------------------------------------------------------------

Look closely at the facebook social media button.... it is not well aligned. The difference is minimal but I'm a perfectionist, so everything must be perfect in my eyes.



--------------------------------------------------------------------------------------------------------
Here, I wasn't able to add a newsletter between "Home" and "Contact US".























These are just to show you few examples, I let you imagine how many mistakes I had to make in 3 weeks...

I have a question to ask you... Do you agree with this quote ?

(Source)

Anyway let's go to the point !

After all the mistakes I've made, here's the site I created with : a logo, a navigation bar, a banner, content (pictures), footer, etc..







As you can see in my folder "l'atelier du Verre", I created several files such as : the "inditex.html" (home page) and several "CSS" in order to when you click on "Contact Us" or "Shop now" it redirects you to another web page.
However I strongly advise you to create only 1 css file otherwise you will be lost.

So, WHAT DO YOU THINK OF MY WEBSITE ? It is better than the first template ? What should I improve ?

I hope you enjoyed the change between the old and the new website, if you have any questions or any tips, insights, please don't hesitate to leave a comment, I would be happy to answer any questions. 

See you soon ! ;))


Jamal Ouarite