The topic above is itself explaining what we are are supposed to do in this.
We have choosen a new startup called GeTnOw which is a online mega store and made its website in away so that it can cope up with the expansion of company. We have tried to made things such that it can be easily change with company needs. We have used HTML, CSS and a little javascript for designing the website of the same.HTML and CSS was for the designing part and writing stuffs but javascript are for creating logics in it like hiding a row of table until you click on it. For accomplish our goal and to understand what things do a online shopping website is comprise of we have seen and examine many website like it tried to present thing which is upto our best.



HTML is a markup language for describing web documents (web pages).
• HTML stands for Hyper Text Markup Language
• A markup language is a set of markup tags
• HTML documents are described by HTML tags
• Each HTML tag describes different document content
CSS stands for Cascading Style Sheets
• Styles define how to display HTML elements
• Styles were added to HTML 4.0 to solve a problem
• External Style Sheets can save a lot of work
• External Style Sheets are stored in CSS files.

JavaScript is the most popular programming language in the world.
It is the language for HTML, for the Web, for computers, servers, laptops, tablets, smart phones, and more.
This page contains some examples of what JavaScript can do in HTML.
We can use JavaScript to:
• Change HTML elements
• Delete HTML elements
• Create new HTML elements
• Copy and clone HTML elements
• And much more …


Below you can see a picture this is basically the raw design of our website (basically the web page).


It starts with the website name then the main category links and on clicking on each we get sub categories of each and on clicking them we get to that related page. After that we have utility links whinch are linked to things like company’s facebook page and customer center. In center there is a image slide shows of recent realesed items and popular ones which are again sublinked. Other , there is the side links which comrises of today special offers and new products .
At last above above the daily offer section there the site info layer which tells about the site, its policy and terms and condition.



As you can see above it is our home page for the site .First it has site name then different shopping category created using the composition of CSS and HTML code and on putting mouse on it you get its related subcategory this is what is we called the magic of javascript . And after that there are offers and a image slider again the one of composition of HTML and javascript. At the end we have the layer of site info which constitute the links to the pages namely ABOUT,POLICY and TERMS AND CONDITION .


All other pages are linked from this page only and to buy things you just have to go its category or more specific to its subcategory and the click on its picture and then a page carring whole detail will open you can buy it if you are satisfied by seeing its specification and other details like time of delivery etc .


Below we have given what will happen when you click on BUY button.



After you click on buy now button then a form will appear ,feed your entries like name , address, e-mail etc in it and it will get save automatically and you product will be dilivered to to you and you just have to pay cash.This is how the system of this website works.


  • One of the main feature is that yhis website is scalable upto the need of what an startup need. like if we want to add a new category hen it can be easily acheived by changing the source code.
  • Others features includes that we have coded in parts in different files so each part can be easily acessable.
  • Basic design of all the linked pages are same which creates a uniformity.
  • FAQ one of the important feature of a website is also there in 24x7 customer service page.
  • And the good thing about the code is that not only site like getnow we can create any site using the same code just by changing the templates a little .

For more details see our video

Presented by-

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License