Skip to content
This repository was archived by the owner on Dec 12, 2025. It is now read-only.

change react components to pure HTML #11

Open
farzaneh-haghani wants to merge 1 commit into
base: main
Choose a base branch
from
Open

change react components to pure HTML #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 0 additions & 23 deletions .gitignore
View file
Open in desktop

This file was deleted.

188 changes: 188 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,188 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="Trainee at CodeYourFuture to complete Software Development Programme"
/>
<link
rel="apple-touch-icon"
href="https://codeyourfuture.io/wp-content/uploads/2021/10/CYF-Favicon-300x300.png"
/>
<link
rel="icon"
href="https://codeyourfuture.io/wp-content/uploads/2021/10/CYF-Favicon-100x100.png"
sizes="32x32"
/>
<link
rel="icon"
href="https://codeyourfuture.io/wp-content/uploads/2021/10/CYF-Favicon-300x300.png"
sizes="192x192"
/>
<link
rel="preload"
href="https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i&subset=latin,latin-ext&display=auto"
as="style"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i&subset=latin,latin-ext&display=auto"
type="text/css"
media="all"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="/style.css"
type="text/css"
media="all"
async
/>
<title>CodeYourFuture</title>
</head>

<body>
<header class="header">
<a href="https://codeyourfuture.io">
<img
src="./logo.svg"
alt="CodeYourFuture Logo"
width="200"
height="100"
/>
</a>
<h1>Welcome to CYF Labs</h1>
</header>

<article class="cyf">
<section class="program">
<p>
<i>
CodeYourFuture graduates will work wonders for your organisation.</i
>
</p>
</section>
<h2>CodeYourFuture graduates have the following work-ready skills:</h2>
<section class="skills">
<ul>
<li>
Full-stack PERN Web Development: <strong>HTML</strong> and
<strong> CSS</strong>,<strong> JavaScript</strong> and functional
programming,<strong> React</strong>,<strong> Node</strong>,
<strong> SQL</strong>, <strong> PostgreSQL</strong>,
<strong> Testing</strong>, asynchronous programming
</li>
<li>
Building and delivering a full stack web application in a cross
functional <strong>Agile</strong> team
</li>
<li>
Some graduates have taken additional specialist tracks in
<strong> Product Management</strong>,<strong> Cloud</strong>,
<strong> DevOps</strong>,
<a href="https://systems.codeyourfuture.io/" class="red-link">
<strong>Systems Engineering</strong>
</a>
,<strong> UX/UI Design</strong>
</li>
</ul>
</section>

<h2>About Our Trainees</h2>

<section class="about-trainees">
<figure>
<article class="trainee">
<figure class="percent">
<svg>
<circle cx="75" cy="75" r="70"></circle>
<circle cx="75" cy="75" r="70" class="Female"></circle>
</svg>
<p class="number">
40
<span>%</span>
</p>
</figure>
<p class="text">Female</p>
</article>

<article class="trainee">
<figure class="percent">
<svg>
<circle cx="75" cy="75" r="70"></circle>
<circle cx="75" cy="75" r="70" class="Minority"></circle>
</svg>
<p class="number">
78
<span>%</span>
</p>
</figure>
<p class="text">Minority Ethnic background</p>
</article>

<article class="trainee">
<figure class="percent">
<svg>
<circle cx="75" cy="75" r="70"></circle>
<circle cx="75" cy="75" r="70" class="Refugee"></circle>
</svg>
<p class="number">
53
<span>%</span>
</p>
</figure>
<p class="text">Refugee / Asylum Seeker background</p>
</article>

<article class="trainee">
<figure class="percent">
<svg>
<circle cx="75" cy="75" r="70"></circle>
<circle cx="75" cy="75" r="70" class="Live"></circle>
</svg>
<p class="number">
83
<span>%</span>
</p>
</figure>
<p class="text">Live below the poverty line</p>
</article>
</figure>
</section>

<section>
<p>
To complete our
<a href="https://curriculum.codeyourfuture.io/" class="red-link">
Software Development Programme
</a>
, a CodeYourFuture graduate spends approximately
<strong> 800 hours</strong> developing their technical and
employability skills.
</p>
<p>
We'd love to have a conversation about how we can meet your hiring
needs.
</p>
<p>
Please email us at
<a href="mailto:[email protected]"
><strong>[email protected]</strong></a
>
</p>
</section>
</article>

<footer class="footer">
<p>
&copy; 2023
<a href="https://codeyourfuture.io">
<strong>CodeYourFuture</strong>
</a>
</p>
</footer>
</body>
</html>
4 changes: 0 additions & 4 deletions public/logo.svg → logo.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 0 additions & 4 deletions netlify.toml
View file
Open in desktop

This file was deleted.

Loading