https://github.com/zagrosjawar/my_platfrom_project

Jeg studerer media og interaksjonsdesign og tar kurset INFO114 Webutvikling, som består av tre moduler. Den første moduleksamenen dekker grafisk design og HTMLCSS-utvikling. I dette repositoriet finner du HTML/CSS-kode basert på mitt Figma-design.
https://github.com/zagrosjawar/my_platfrom_project

css figma-to-html figma-to-html-css html

Last synced: 25 days ago
JSON representation

Jeg studerer media og interaksjonsdesign og tar kurset INFO114 Webutvikling, som består av tre moduler. Den første moduleksamenen dekker grafisk design og HTMLCSS-utvikling. I dette repositoriet finner du HTML/CSS-kode basert på mitt Figma-design.

• Host: GitHub
• URL: https://github.com/zagrosjawar/my_platfrom_project
• Owner: zagrosjawar
• Created: 2024-08-03T09:21:51.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-03T11:48:55.000Z (5 months ago)
• Last Synced: 2024-08-04T10:35:37.269Z (5 months ago)
• Topics: css, figma-to-html, figma-to-html-css, html
• Language: HTML
• Homepage: https://zagrosjawar.github.io/my_platfrom_project/
• Size: 94.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# my_platfrom_project

Module Exam Task: INFO114 Web Development

### Overview

This repository contains the HTML/CSS code for the first module exam of the INFO114 Web Development course. The task covers graphical design and HTML/CSS development based on a Figma design.

### Scenario

The University of Bergen and the Western Norway University of Applied Sciences are creating an online learning platform for MOOCs. The platform will allow students to select courses for ECTS credits and non-students to attend courses for certificates.

### Task Breakdown

#### Design System (25%):

Create a design system reflecting both UiB and HVL.

Include design principles, fonts, colors, and diagram types.

Provide a description of your design decisions.

#### Figma Design (35%):

Design a webpage presenting a list of courses.

Show additional information when a course is selected.

Use historical/review information visually and textually.

Describe your design choices, layout, and information hierarchy.

#### HTML/CSS Implementation (40%):

Create a static webpage based on the Figma design.

Ensure the HTML and CSS structure is clear.