9
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

Developing the website using HTML, CSS and JavaScript

  • Upload
    others

  • View
    9

  • Download
    0

Embed Size (px)

Citation preview

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