Transcript
Page 1: Developing the website using HTML, CSS and JavaScript

Assignment 1 - Special Topics in Design

PORTFOLIO WEBSITE

As part of course assignment for DSL810 - Special Topics in Design, A portfolio website had to be designed and developed.

● Developing the website using HTML, CSS and JavaScript built on Visual Studio Code.● Adding the media elements.● Hosting the website on IIT Delhi’s server using WinScp FTP application.

Anantha Kashyap - JDS186005

Page 2: Developing the website using HTML, CSS and JavaScript

To start, just a profile photo and basic information was displayed.

Raleway font was used as link from Google fonts.

Designing

Page 3: Developing the website using HTML, CSS and JavaScript

Using Jquery function to display interest with

typewriter effect on the home page

Page 4: Developing the website using HTML, CSS and JavaScript

Using Font Awesome library to use icons and

link to social media pages

Page 5: Developing the website using HTML, CSS and JavaScript
Page 6: Developing the website using HTML, CSS and JavaScript

Using javascript Modal library to show the details of each project on clicking each card.

Page 7: Developing the website using HTML, CSS and JavaScript

Compressing Images

https://compressimage.toolur.com/

1.Upload Images

2.Set the parameters

3.Compress or resize the images

4.View and download the images

Page 8: Developing the website using HTML, CSS and JavaScript

Hosting

Logging into WinScp file transfer application to upload the website from local machine to IITD server.

Create “private_html” folder where the website files will be placed

Page 9: Developing the website using HTML, CSS and JavaScript

Finally upload the files to the server.

Link to website: http://privateweb.iitd.ac.in/~jds186005/index.html


Top Related