Skip to content

update branch #106

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
Nov 17, 2024
Merged

update branch #106

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
d4fd48d
Add image to avatars
Ahmadalhindi Nov 17, 2024
d15d845
Remove the duplicate image from avatar folder
Ahmadalhindi Nov 17, 2024
c0ec255
Add the buttons styling on flipping cards
Ahmadalhindi Nov 17, 2024
e5f3d60
Add about page styling
Ahmadalhindi Nov 17, 2024
d6fb1a8
Merge branch 'main' into ah-accessOK-branch
VCGithubCode Nov 17, 2024
152df62
Merge pull request #104 from VCGithubCode/ah-accessOK-branch
VCGithubCode Nov 17, 2024
b83d38a
Rename folder for Angela
VCGithubCode Nov 17, 2024
06d6ac7
Merge pull request #105 from VCGithubCode/vc-accessOk-branch
VCGithubCode Nov 17, 2024
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
180 changes: 97 additions & 83 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<title>Access Granted | About Us </title>
</head>

<body class="relative" style="background-color: #fcd9cb;">
<body class="relative body-background">
<a href="#main-content" class="d-none">Skip to main content</a>

<header class="fixed-top">
Expand Down Expand Up @@ -128,21 +128,21 @@ <h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel">Accessibility Set
<main class="container my-5">
<section>
<div class="row align-items-center">
<div class="col-md-6">
<h2>Our Mission</h2>
<p>
Our mission is to create a more inclusive, accessible world for everyone.
<br>
<br>
We are a team of passionate developers dedicated to bring innovative solutions and foster a community built on values of collaboration and empathy.
</p>
</div>
<div class="col-md-6 mb-4 mb-md-0">
<img src="assets/images/locky.webp" alt="Our Team" class="img-fluid rounded" height="400" width="400">
</div>
<div class="col-md-6">
<h2>Our Mission</h2>
<p>
Our mission is to create a more inclusive, accessible world for everyone.
<br>
<br>
We are a team of passionate developers dedicated to bring innovative solutions and foster a community built on values of collaboration and empathy.
</p>
</div>

</div>
</section>
<main class="container my-5">
<section>
<h2 class="text-center mb-4">Meet Our Team</h2>
<div class="row g-4">
Expand All @@ -158,14 +158,16 @@ <h5 class="card-title">Vernell Clark</h5>
</div>
</div>
<div class="flip-card-back">
<div class="card-body">
<p>SCRUM Leader</p>
<a href="https://github.com/VCGithubCode" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/vernell-clark-swe/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
<p>Project Management & Coordination</p>
<div class="d-flex justify-content-center gap-2">
<a href="https://github.com/VCGithubCode" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/vernell-clark-swe/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
</div>
</div>
</div>
</div>
Expand All @@ -176,21 +178,23 @@ <h5 class="card-title">Vernell Clark</h5>
<div class="card shadow-lg text-center flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="assets/images/avatars/Nikola.webp" class="card-img-top" alt="Nikola Simic">
<img src="assets/images/avatars/Nicola.webp" class="card-img-top" alt="Nikola Simic">
<div class="card-body">
<h5 class="card-title">Nikola Simic</h5>
<p class="card-text">Voice Assistant</p>
</div>
</div>
<div class="flip-card-back">
<div class="card-body">
<p>Voice Assistant</p>
<a href="https://github.com/nlekkerman" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://linkedin.com/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
<p>Voice Interface Development</p>
<div class="d-flex justify-content-center gap-2">
<a href="https://github.com/nlekkerman" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/nikola-simic-674862110/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
</div>
</div>
</div>
</div>
Expand All @@ -204,18 +208,20 @@ <h5 class="card-title">Nikola Simic</h5>
<img src="assets/images/avatars/Ben.webp" class="card-img-top" alt="Benjamin Schäfer">
<div class="card-body">
<h5 class="card-title">Benjamin Schäfer</h5>
<p class="card-text">Research & Page Layout & Presentation</p>
<p class="card-text">Page Layout & Presentation</p>
</div>
</div>
<div class="flip-card-back">
<div class="card-body">
<p>Research & Page Layout & Presentation</p>
<a href="https://github.com/benschaf" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/beni-schaefer/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
<p>UX Design & Research</p>
<div class="d-flex justify-content-center gap-2">
<a href="https://github.com/benschaf" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/beni-schaefer/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
</div>
</div>
</div>
</div>
Expand All @@ -229,18 +235,20 @@ <h5 class="card-title">Benjamin Schäfer</h5>
<img src="assets/images/avatars/Angela.webp" class="card-img-top" alt="Angela Siniavskaja">
<div class="card-body">
<h5 class="card-title">Angela Siniavskaja</h5>
<p class="card-text">ReadMe & Documentation Lead</p>
<p class="card-text">Documentation Lead</p>
</div>
</div>
<div class="flip-card-back">
<div class="card-body">
<p>Project lead and git/github expert</p>
<a href="https://github.com/Angela-Sin" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/angela-siniavskaja-a4500a22b/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
<p>Documentation & Content Strategy</p>
<div class="d-flex justify-content-center gap-2">
<a href="https://github.com/Angela-Sin" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/angela-siniavskaja-a4500a22b/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
</div>
</div>
</div>
</div>
Expand All @@ -258,14 +266,16 @@ <h5 class="card-title">Ashraf Bocktor</h5>
</div>
</div>
<div class="flip-card-back">
<div class="card-body">
<p>Produce Avatars</p>
<a href="https://github.com/PATH-HIVE" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/abbocktor/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
<p>Avatar Design & Creative Direction</p>
<div class="d-flex justify-content-center gap-2">
<a href="https://github.com/PATH-HIVE" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/abbocktor/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
</div>
</div>
</div>
</div>
Expand All @@ -279,18 +289,20 @@ <h5 class="card-title">Ashraf Bocktor</h5>
<img src="assets/images/avatars/Alison.webp" class="card-img-top" alt="Alison Mossop">
<div class="card-body">
<h5 class="card-title">Alison Mossop</h5>
<p class="card-text">404 Page</p>
<p class="card-text">Error Page</p>
</div>
</div>
<div class="flip-card-back">
<div class="card-body">
<p>Project lead and git/github expert</p>
<a href="https://github.com/ali-moss-24" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/alison-mossop-4658a5253/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
<p>Error Page Design & User Engagement</p>
<div class="d-flex justify-content-center gap-2">
<a href="https://github.com/ali-moss-24" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/alison-mossop-4658a5253/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
</div>
</div>
</div>
</div>
Expand All @@ -302,20 +314,22 @@ <h5 class="card-title">Alison Mossop</h5>
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="assets/images/avatars/James.webp" class="card-img-top" alt="James Bracken">
<div class="card-body">
<div class="card-body d-flex flex-column align-items-center justify-content-center">
<h5 class="card-title">James Bracken</h5>
<p class="card-text">Footer & Support</p>
</div>
</div>
<div class="flip-card-back">
<div class="card-body">
<p>Footer & Support</p>
<a href="https://github.com/JamesBracken" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://linkedin.com/in/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
<p>Site Navigation & Support Features</p>
<div class="d-flex justify-content-center gap-2">
<a href="https://github.com/JamesBracken" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/christopher-bracken-0b7263314/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
</div>
</div>
</div>
</div>
Expand All @@ -326,30 +340,30 @@ <h5 class="card-title">James Bracken</h5>
<div class="card shadow-lg text-center flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="assets/images/avatars/Vernell.webp" class="card-img-top" alt="Ahmad Al Hindi">
<img src="assets/images/avatars/Ahmad.webp" class="card-img-top" alt="Ahmad Al Hindi">
<div class="card-body">
<h5 class="card-title">Ahmad Al Hindi</h5>
<p class="card-text">About Page</p>
</div>
</div>
<div class="flip-card-back">
<div class="card-body">
<p>Project lead and git/github expert</p>
<a href="https://github.com/Ahmadalhindi" class="btn btn-outline-secondary btn-sm me-2" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/ahmad-al-hindi-899877108/" class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
<div class="card-body d-flex flex-column align-items-center justify-content-center text-center">
<p>Content Creation & Page Design</p>
<div class="d-flex justify-content-center gap-2">
<a href="https://github.com/Ahmadalhindi" class="btn btn-dark btn-sm" target="_blank" rel="noopener noreferrer">
<i class="bi bi-github"></i> GitHub
</a>
<a href="https://www.linkedin.com/in/ahmad-al-hindi-899877108/" class="btn btn-outline-primary btn-sm linkedin" target="_blank" rel="noopener noreferrer">
<i class="bi bi-linkedin"></i> LinkedIn
</a>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</section>
</main>
</main>

<footer class="text-muted py-5">
Expand Down
22 changes: 20 additions & 2 deletions assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -547,6 +547,25 @@ nav li {
text-align: center;
}

/* About page background */
.body-background {
background-image: url('../images/shiny1.webp');
background-position: bottom center;
background-size: cover;
background-repeat: no-repeat;
height: 100vh;
position: relative;
}

/* Linkedin buttons */
.linkedin {
background: #0d6efd;
color: #ffffff;
}

.linkedin:hover {
background: #ffffff;
color: #0d6efd;

/* Error-background */
.error-background {
Expand All @@ -564,7 +583,6 @@ nav li {
border-radius: 12px;
padding: 1em;
font-weight: 900;

}

/* Responsiveness */
Expand Down Expand Up @@ -596,4 +614,4 @@ nav li {
.flip-card-front img {
height: 150px;
}
}
}
Binary file removed assets/images/avatars/Ahmad.jpg
View file
Open in desktop
Binary file not shown.
Binary file added assets/images/avatars/Nicola.webp
View file
Open in desktop
Binary file not shown.
0 assets/images/readme./body.png → assets/images/readme/body.png
View file
Open in desktop
File renamed without changes
0 assets/images/readme./colorblind.png → assets/images/readme/colorblind.png
View file
Open in desktop
File renamed without changes
0 assets/images/readme./contrast.png → assets/images/readme/contrast.png
View file
Open in desktop
File renamed without changes
0 assets/images/readme./dislecsic.png → assets/images/readme/dislecsic.png
View file
Open in desktop
File renamed without changes
0 assets/images/readme./dyslecsik.png → assets/images/readme/dyslecsik.png
View file
Open in desktop
File renamed without changes
0 assets/images/readme./main.png → assets/images/readme/main.png
View file
Open in desktop
File renamed without changes
0 assets/images/readme./mobile.png → assets/images/readme/mobile.png
View file
Open in desktop
File renamed without changes
0 assets/images/readme./resourses.png → assets/images/readme/resourses.png
View file
Open in desktop
File renamed without changes
0 assets/images/readme./responcive.png → assets/images/readme/responcive.png
View file
Open in desktop
File renamed without changes
0 assets/images/readme./side-bar.png → assets/images/readme/side-bar.png
View file
Open in desktop
File renamed without changes
0 assets/images/readme./voice-asistant.png → assets/images/readme/voice-asistant.png
View file
Open in desktop
File renamed without changes
0 assets/images/readme./voice.png → assets/images/readme/voice.png
View file
Open in desktop
File renamed without changes