EnergyWare

WEBSITE DESIGNING FOR TECH STARTUP – EnergyWare

Link

energyware.atspace.cc

Team Members

Team Member Contrbution
Nishant Gahlawat Front-End Coding(HTML,CSS,JS)
Vishal Raj Dutta Initial Planning, Content, Wiki-Page
Aditya Atri Initial Planning,Content, Wiki-Page
Ankur Dhaka Front-End(HTML), Initial Planning, Content

Area and Initial Planning

We have chosen a tech start-up called EnergyWare which can be described as an “alternate energy source installation company”. It is a passive website which gives information about the company: the various sources it provides, contact information etc.
IMG_20151026_121934721.jpg

Technologies Used

HTML

HyperText Markup Language (HTML) is the standard markup language used to create web pages. The text and images in the website were added using HTML.

CSS

Cascading Style Sheets (CSS) describes how HTML elements are to be displayed on screen, paper, or in the other media.

Javascript

Javascript is a high-level, dynamic, untyped, and interpreted programming language. It was used to add the slideshow on the main page and the parallax sliding on the services page.

Jotform

The “Free Consultation” form was created using the free service “Jotform” and embedded in the website using javascript.

Notepad++

All the coding for the website was written using Notepad++.

Atspace

The website was hosted for free on atspace.

The learning

The languages were learnt through tutorials on tutorialspoint.com and YouTube.
The parallax sliding mechanism was learnt through 1stwebdesigner.com
The basic structure of the website was understood by seeing various start-up websites like omnipresenttech.com and templates through wix.com.

The Website

The website is divided into three pages:
• The Home page gives the overview of the company. It contains a slideshow of the various services the company provides and the hyperlinks to the other pages.
rzGR6lE.png
D9cH5Ui.png
• The Services page provides information about the various energy services the company provides for installation at your home. It contains parallax sliding, where you can slide to another section of the webpage by clicking an icon on the navigation bar.
mjUG01s.png
CeDj3TP.png
• The Contact page, where you can book a consultation with the company by filling out a form.
2lakIPc.png

Coding

fLkKWJM.png
MiLvv1Z.png
5KFSOPh.png
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License