Build your team website on GitHub by creating several linked web-pages, using 3 types of files i.e. .html, .css and .js from scratch i.e. without using any ready templates or tools except VS Code text editor, and making them work together. Your website should be dedicated to your team and contain at least the following pages: o Introduction of the team (your index.html homepage file) o Information about each of the team members o Information about your Hour of Code event o Information about your Website project o Introduction to code art generated by algorithms Note: The section about your Website project should include links to your individual Codecademy profiles to check your progress in the courses. Make sure you use all technologies i.e. HTML, CSS and JS for your website. JS will add minimal dynamism e.g. simple animation, custom greeting or background depending on the time of the day, etc. Your website will be evaluated on how well you used all these technologies and how informative, rich (e.g. with multimedia) and interesting is your content. Based on this, make sure to do website fancy and more complicated. Also, use some templates from these files: index.html Homework 3: How Websites Work?

Welcome to Our Team 63 Website!

This website showcases our team, our projects, and our participation in the Hour of Code. We're excited to share our journey with you! Explore the pages to learn more about our team and projects.

hour-of-code.html Homework 3: Hour of Code event

Hour of Code Event

Our team participated in the Hour of Code to promote computer science education for students in Azerbaijan.

Homework 3: Website Project

This webpage presents the projects we are currently working on.

team-members.html Homework 3: Team Members

Meet Our Team Members

Iliyas Bekzat - BSIT'28
Zhasmin Mamedova - BSIT'28
Tutu Sadigova - BSIT'28
Firyaz Pashayeva - BSIT'28

code-artist.html Homework 3: Programming Art

Code Art made by Algorithms

Homework 3: How Websites Work?

stule.css :root { --ada-blue: #336178; --ada-red: #ae485e; } body { background-color: var(--ada-blue); color: white; font-family: Arial, sans-serif; margin: 0; padding: 20px; } h1 { text-align: center; } canvas { display: block; margin: 20px auto; border: 2px solid var(--ada-red); } Btw, make sure to add some other matching or near colors to website. scripts.js /* Code sample for SITE 1101 Principles of Information Systems (c)2024 by Araz Yusubov DISCLAIMER: All code examples we will look at are quick hacks intended to present working prototypes. Hence they do not follow best practice of programming or software engineering. */ // Global variables for Artist's position and orientation var x, y; var angle; function radian(degree) { return degree * Math.PI / 180; } function moveForward(distance, context) { let a = radian(angle); x = x + distance * Math.cos(a); y = y + distance * Math.sin(a); context.lineTo(x, y); } function turnRight(degree) { angle = angle - degree; if (angle < 0) angle = angle + 360; } function turnLeft(degree) { angle = angle + degree; if (angle > 360) angle = angle - 360; } function DrawSpiral(context) { // Inspired by Express Course (2024) Lesson 29: For Loops with Artist // https://studio.code.org/s/express-2024/lessons/29/levels/5 // The initial position is in the center of the canvas x = context.canvas.width / 2; y = context.canvas.height / 2; // The initial orientation is zero degrees i.e. facing East angle = 0.0; context.moveTo(x, y); context.beginPath(); for (let counter = 3; counter < 600; counter += 3) { moveForward(counter, context); context.stroke(); turnRight(89); } } Here you should create your own, but looking at this template from js. That's it. Create more fancy website, so that there would be other things to do there

Innovative Team Project Display