Skip to content

Commit

Permalink
Merge pull request #477 from MastersAcademy/11-hall_of_fame_AndriiMor…
Browse files Browse the repository at this point in the history 
…ozov88

11-hall_of_fame_AndriiMorozov88
  • Loading branch information
@vladyslav-yermolin-moc
vladyslav-yermolin-moc authored Mar 22, 2024
2 parents 0885327 + 6e41870 commit 6709fb0
Showing 1 changed file with 148 additions and 148 deletions.
296 changes: 148 additions & 148 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,155 +1,155 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta property="og:title" content="Hall of Fame" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1920">
<meta property="og:image:height" content="1080">
<meta property="og:image"
content="https://mastersacademy.github.io/fe-course-basic-2023/src/social-image-preview.png" />
<meta property="og:image:alt" content="image of the main page of the Hall of Fame website">
<meta property="og:url" content="https://mastersacademy.github.io/fe-course-basic-2023" />
<meta property="og:type" content="website" />
<meta property="og:description"
content="student projects created on the course «Front-End for Beginners 2023» by Master of Academy" />
<meta name="twitter:title" content="Hall of Fame">
<meta name="twitter:image"
content="https://mastersacademy.github.io/fe-course-basic-2023/src/social-image-preview.png">
<meta name="twitter:image:alt" content="image of the main page of the Hall of Fame website">
<meta name="twitter:url" content="https://mastersacademy.github.io/fe-course-basic-2023">
<meta name="twitter:card" content="summary">
<meta name="twitter:description"
content="student projects created on the course «Front-End for Beginners 2023» by Master of Academy">
<meta name="description"
content="student projects created on the course «Front-End for Beginners 2023» by Master of Academy">
<link rel="stylesheet" href="./src/styles/card.css">
<link rel="stylesheet" href="./src/styles/style.css">
<link rel="icon" type="image/x-icon" href="./src/favicon.png">
<title>Hall of Fame</title>
</head>
<body>
<div class="wrapper">
<div id="top" data-lift_point></div>
<header class="head">
<nav class="header__menu">
<a href="https://www.mastersacademy.education/frontend-for-beginners-it" class="header__logo">
<img src="./src/images/main_logo.svg" alt="logo">
</a>
<div class="menu__field">
<img class="burger" src="./src/images/burger.svg" alt="burger" data-burger>
<ul class="menu__list" data-menu__list>
<li>
<a class="menu__link-about" href="index.html">Hall of Fame</a>
</li>
<li>
<a class="menu__link-about" href="https://www.mastersacademy.education/events-9">Season
9</a>
</li>
<li>
<a class="menu__link-about" href="https://www.mastersacademy.education/about-project">About
the
project</a>
</li>
<li>
<a class="menu__link-about" href="https://www.mastersacademy.education/it-courses">Library
of IT
courses</a>
</li>
<li>
<a class="menu__link-about"
href="https://www.mastersacademy.education/blagodiynist">Charity</a>
</li>
<li>
<a class="menu__link-about menu__button"
href="https://www.mastersacademy.education/events-9">Сhoose a course</a>
</li>
</ul>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta property="og:title" content="Hall of Fame">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1920">
<meta property="og:image:height" content="1080">
<meta property="og:image"
content="https://mastersacademy.github.io/fe-course-basic-2023/src/social-image-preview.png">
<meta property="og:image:alt" content="image of the main page of the Hall of Fame website">
<meta property="og:url" content="https://mastersacademy.github.io/fe-course-basic-2023">
<meta property="og:type" content="website">
<meta property="og:description"
content="student projects created on the course «Front-End for Beginners 2023» by Master of Academy">
<meta name="twitter:title" content="Hall of Fame">
<meta name="twitter:image"
content="https://mastersacademy.github.io/fe-course-basic-2023/src/social-image-preview.png">
<meta name="twitter:image:alt" content="image of the main page of the Hall of Fame website">
<meta name="twitter:url" content="https://mastersacademy.github.io/fe-course-basic-2023">
<meta name="twitter:card" content="summary">
<meta name="twitter:description"
content="student projects created on the course «Front-End for Beginners 2023» by Master of Academy">
<meta name="description"
content="student projects created on the course «Front-End for Beginners 2023» by Master of Academy">
<link rel="stylesheet" href="./src/styles/card.css">
<link rel="stylesheet" href="./src/styles/style.css">
<link rel="icon" type="image/x-icon" href="./src/favicon.png">
<title>Hall of Fame</title>
</head>
<body>
<div class="wrapper">
<div id="top" data-lift_point></div>
<header class="head">
<nav class="header__menu">
<a href="https://www.mastersacademy.education/frontend-for-beginners-it" class="header__logo">
<img src="./src/images/main_logo.svg" alt="logo">
</a>
<div class="menu__field">
<img class="burger" src="./src/images/burger.svg" alt="burger" data-burger>
<ul class="menu__list" data-menu__list>
<li>
<a class="menu__link-about" href="index.html">Hall of Fame</a>
</li>
<li>
<a class="menu__link-about" href="https://www.mastersacademy.education/events-9">Season
9</a>
</li>
<li>
<a class="menu__link-about" href="https://www.mastersacademy.education/about-project">About
the
project</a>
</li>
<li>
<a class="menu__link-about" href="https://www.mastersacademy.education/it-courses">Library
of IT
courses</a>
</li>
<li>
<a class="menu__link-about"
href="https://www.mastersacademy.education/blagodiynist">Charity</a>
</li>
<li>
<a class="menu__link-about menu__button"
href="https://www.mastersacademy.education/events-9">Сhoose a course</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="main container">
<h1 class="main__title">Hall of Fame</h1>
<div class="main__description">
<p class="text__description">Welcome to our Hall of Fame! Browse through the graduation projects
from the
<a class="text__link"
href="https://www.mastersacademy.education/frontend-for-beginners-it">'Frontend for
Beginners 2023'
course </a>
at Masters Academy.
</p>
<p class="text__description">In this study-for-donation initiative, participants learned the basics of
web
development, covering HTML,
CSS, and JS.</p>
<p class="text__description">Interested in other courses like Databases, AI, Softskills,
and more? Explore your options
<a class="text__link" href="https://www.mastersacademy.education/events-9">here</a>.
</p>
</div>
</nav>
</header>
<main class="main container">
<h1 class="main__title">Hall of Fame</h1>
<div class="main__description">
<p class="text__description">Welcome to our Hall of Fame! Browse through the graduation projects
from the
<a class="text__link"
href="https://www.mastersacademy.education/frontend-for-beginners-it">'Frontend for
Beginners 2023'
course </a>
at Masters Academy.
</p>
<p class="text__description">In this study-for-donation initiative, participants learned the basics of
web
development, covering HTML,
CSS, and JS.</p>
<p class="text__description">Interested in other courses like Databases, AI, Softskills,
and more? Explore your options
<a class="text__link" href="https://www.mastersacademy.education/events-9">here</a>.
</p>
</div>
<template data-template>
<section class="card">
<div class="card__information">
<img class="card__img" src="./src/img/title_pokemon.png" alt="pokemon" data-template-image>
<h2 class="card__title" data-template-project-name>Project Pokemon</h2>
<div class="card__information-text">
<span class="card__text">by</span>
<span class="card__text" data-template-name>Ivan Ivanov</span>
<template data-template>
<section class="card">
<div class="card__information">
<img class="card__img" src="./src/img/title_pokemon.png" alt="pokemon" data-template-image>
<h2 class="card__title" data-template-project-name>Project Pokemon</h2>
<div class="card__information-text">
<span class="card__text">by</span>
<span class="card__text" data-template-name>Ivan Ivanov</span>
</div>
<div class="card__overlay">
<p class="card__overlay-text">
This is a project about Pokemon, or about Games.
Depending on what kind of card😅🙈
</p>
</div>
</div>
<div class="card__overlay">
<p class="card__overlay-text">
This is a project about Pokemon, or about Games.
Depending on what kind of card😅🙈
</p>
</div>
</div>
<div class="card__social"></div>
<form class="card__btn-form" action="#" target="./blank" data-template-form>
<button type="submit" class="card__btn-button">visit site</button>
</form>
</section>
</template>
<div class="card-container" data-card-container>
</div>
<template>
<a href="#" class="social__link">
<div class="social__img">
<div class="card__social" data-template-social-container></div>
<form class="card__btn-form" action="#" target="./blank" data-template-form>
<button type="submit" class="card__btn-button">visit site</button>
</form>
</section>
</template>
<div class="card-container" data-card-container>
</div>
</a>
</template>
</main>
<footer class="footer">
<ul class="footer__logos-social">
<li class="social__item">
<a href="https://www.facebook.com/">
<svg class="svg" width="42" height="42">
<use xlink:href="./src/images/sprite.svg#facebook"></use>
</svg>
</a>
</li>
<li class="social__item">
<a href="https://www.linkedin.com/">
<svg class="svg" width="42" height="42">
<use xlink:href="./src/images/sprite.svg#linked_in"></use>
</svg>
</a>
</li>
<li class="social__item">
<a href="https://www.instagram.com/">
<svg class="svg" width="42" height="42" fill="red">
<use xlink:href="./src/images/sprite.svg#instagram"></use>
</svg>
<template data-template-social>
<a href="#" class="social__link" data-template-social-link>
<div class="social__img" data-template-social-icon>
</div>
</a>
</li>
</ul>
<h2 class="footer__title">Made with 💗 on course 'Frontend for beginners' from Masters Academy in 2023</h2>
</footer>
</div>
<script src="./src/js/header.js"></script>
<script type="module" src="./src/js/cards.js"></script>
</body>
</template>
</main>
<footer class="footer">
<ul class="footer__logos-social">
<li class="social__item">
<a href="https://www.facebook.com/">
<svg class="svg" width="42" height="42">
<use xlink:href="./src/images/sprite.svg#facebook"></use>
</svg>
</a>
</li>
<li class="social__item">
<a href="https://www.linkedin.com/">
<svg class="svg" width="42" height="42">
<use xlink:href="./src/images/sprite.svg#linked_in"></use>
</svg>
</a>
</li>
<li class="social__item">
<a href="https://www.instagram.com/">
<svg class="svg" width="42" height="42" fill="red">
<use xlink:href="./src/images/sprite.svg#instagram"></use>
</svg>
</a>
</li>
</ul>
<h2 class="footer__title">Made with 💗 on course 'Frontend for beginners' from Masters Academy in 2023</h2>
</footer>
</div>
<script src="./src/js/header.js"></script>
<script type="module" src="./src/js/cards.js"></script>
</body>
</html>

0 comments on commit 6709fb0

Please sign in to comment.