My web design projects:

Graniitti_verkkonäyttely(1).jpg

Keuda Pekka Halonen Academy students' online exhibition

website

Graniitti_web5_PNG.png

My tasks:

- website layout design

- setting WordPress platform

- programming in HTML, CSS, PHP and Javascript

- selection and installation of gallery on website

- website testing

- uploading gallery and website content (user data)

Screenshot_2020-08-15 Exhibition Siesta
Siesta-Wild_Dream_web.jpg

Exhibition "Siesta - Wild Dream"

Victoria Grapsi photography online exhibition website

I designed Wordpress theme for Web Portfolio named portfolio_Victoria.

To download Wordpress theme portfolio_Victoria please visit my GitHub.

My html/css/js/php projects:

Desserts lovers Survey Form

This Survey Form is an online questionnaire form. The Form is a method of gathering information from people with the intention of generalizing the results to help company to analyze clients wishes and understand what clients the company has.
     Desserts lovers Survey Form implements different input type elements, also it has possibillity to get customer feedback.

Mockup1_edited.png

Density chart with D3

This is an example page of D3 usage to draw a density chart.

Screenshot_2020-06-01 Screenshot.png

Ada Lovelace tribute page

Ada Lovelace was the world's first computer programmer.  
     Lovelace was strongly interested in scientific developments and fads of the day, including phrenology and mesmerism.
    Lovelace's diagram from "note G" is the first published computer algorithm.

JÄÄkarhu - Product landing page

This is a page for a company that produces ice cream under the brand "JÄÄkarhu".
    Landing page contains information about company happenings, features and products. The page includes the brand logo, product story and advertising video.
   Graphical and web design of the entire landing page, logo, video and images was accomplished by Victoria Grapsi.

JÄÄkarhu_Product Landing Page

D3.js Documentation - Technical documentation page

This is a page with technical documentation information about D3.js.
   Technical documentation page contains  text information, code and links.

    When navigation bar link is clicked, the page navigates to the corresponding section of the document.

     The page includes information from official D3.js webpage: http://d3js.org/.

Screenshot_2020-07-24 D3 js Technical Do
Technical Documentation Page

Personal portfolio webpage

This is a personal portfolio webpage with content information about Victoria Grapsi.

HTML and CSS:

Screenshot_2020-10-08 HTML taulukot ja l

HTML, CSS, JS:

Screenshot_2020-10-08 package counter.pn
Screenshot_2020-10-08 HTML taulukot ja l
Screenshot_2020-10-08 Reservation.png
ScreenTimeExpressions.png
Screenshot_2020-10-08 Movies.png
ScreenTimeExpressions1.jpg
ScreenTimeExpressions2.png

CSS, PHP:

Screenshot_2020-10-08_Welcome.png
Screenshot_2020-10-08_Juicestation.png
Screenshot_2020-10-08_BalloonShop.png
Screenshot_2020-10-08 Repetition sentenc

The table of teams:

Project webpages allow to create, update, read, search and delete data in the table online.

create

read

update

search

Views of webpages: