Skip to content

new commit #743

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

Open
SashaGlazko wants to merge 4 commits into
base: master
Choose a base branch
from
Open

new commit #743

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
c35dbb1
new commit
SashaGlazko Feb 28, 2026
7dccce0
change image and button`s position
SashaGlazko Mar 1, 2026
be4e6de
change header
SashaGlazko Mar 1, 2026
71ecdbc
change footer
SashaGlazko Mar 1, 2026
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
29 changes: 29 additions & 0 deletions .github/workflows/test.yml-template
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
name: Test

on:
pull_request:
branches: [ master ]

jobs:
build:

runs-on: ubuntu-latest

strategy:
matrix:
node-version: [20.x]

steps:
- uses: actions/checkout@v2
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v1
with:
node-version: ${{ matrix.node-version }}
- run: npm install
- run: npm test
- name: Upload HTML report(backstop data)
if: ${{ always() }}
uses: actions/upload-artifact@v2
with:
name: report
path: backstop_data
2 changes: 1 addition & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ Implement landing page according to [Figma design](https://www.figma.com/file/dY
11. `git push origin develop` - to send you code for PR.
12. Create a Pull Request (PR) from your branch `develop` to branch `master` of original repo.
13. Replace `<your_account>` with your Github username in the
[DEMO LINK](https://<your_account>.github.io/layout_creativeBakery/).
[DEMO LINK](https://SashaGlazko.github.io/layout_creativeBakery/).
14. Copy `DEMO LINK` to the PR description.

> To update you PR repeat steps 7-11.
Expand Down
242 changes: 238 additions & 4 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,253 @@
<!-- #region HEAD -->
<!doctype html>
<html lang="en">
<html lang="en" class="page">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<title>Title</title>
<title>Bakerlab</title>
<link
rel="stylesheet"
href="src/styles/main.scss"
/>

<link rel="icon" href="/src/images/icon/cookie-icon.svg">
</head>
<body>
<h1>Hello Mate Academy</h1>
<!-- #endregion -->
<body class="page__body">
<script src="src/scripts/main.js"></script>
<header class="header page__header">
<div class="header__content">
<div class="top-bar">
<a href="#" class="top-bar__logo-link">
<img
src="/src/images/bakerlab-logo.png"
alt="Logo"
class="top-bar__image">
</a>
<nav class="nav nav--header">
<ul class="nav__list">
<li class="nav__item">
<a href="#products" class="nav__link">Products</a>
</li>
<li class="nav__item">
<a href="#about-us" class="nav__link">About Us</a>
</li>
<li class="nav__item">
<a href="#blog" class="nav__link">Blog</a>
</li>
<li class="nav__item">
<a href="#footer" class="nav__link nav__contacts">contact us</a>
</li>
</ul>
</nav>
<a href="#menu" class="icon icon--menu"></a>
</div>
<div class="header__bottom">


<div class="header__description">
We bake your fantasies — croissants, cakes, cookies, and cupcakes.
</div>
<h1 class="header__title">
Creative bakery
</h1>
<img
src="/src/images/cookie-image.png"
class="header__cookie"
alt="cookie">
<a href="#products" class="header__button">
learn more
</a>
</div>
</div>
</header>
<aside class="menu page__menu" id="menu">
<div class="menu__content">
<div class="top-bar">
<a href="#" class="top-bar__logo-link">
<img
src="/src/images/bakerlab-logo.png"
alt="Logo"
class="top-bar__image">
</a>
<a href="#" class="icon icon--close"></a>
</div>
<nav class="nav">
<ul class="nav__list">
<li class="nav___item">
<a href="#products" class="nav__link">Products</a>
</li>
<li class="nav___item">
<a href="#about-us" class="nav__link">About Us</a>
</li>
<li class="nav___item">
<a href="#blog" class="nav__link">Blog</a>
</li>
<li class="nav___item">
<a href="#footer" class="nav__link nav__contacts">contact us</a>
</li>
</ul>
</nav>
</div>
</aside>
<main class="layout-main page__layout-main">
<div class="layout-main__content">
<section class="products" id="products">
<div class="products__container">
<div class="products__top">
<h2 class="section-title">What we bake</h2>
<p class="products__describe">We can customize our cookies right for your needs. Just imagine it</p>
</div>
<article class="products__product products__product--cakes">
<img src="/src/images/oranges.png"
class="products__photo"
alt="cake">
<div class="products__product-info">
<h3 class="products__product-title">cakes</h3>
<div class="products__product-desciption">Oatmeal cookies with golden raisins, orange zest and chocolate chips</div>
</div>
<a href="#" class="products__order">order</a>
</article>
<article class="products__product products__product--bisquits">
<img src="/src/images/apples.png"
class="products__photo"
alt="cake">
<div class="products__product-info">
<h3 class="products__product-title">cakes</h3>
<div class="products__product-desciption">Chocolate biscuit coffee cake topped with a buttercream and powder</div>
</div>
<a href="#" class="products__order">order</a>
</article>
<article class="products__product products__product--donuts">
<img src="/src/images/white-dunuts.png"
class="products__photo"
alt="cake">
<div class="products__product-info">
<h3 class="products__product-title">donuts</h3>
<div class="products__product-desciption">Light multi-layered croissant strewn with cinammon and almond “petals”</div>
</div>
<a href="#" class="products__order">order</a>
</article>
<article class="products__product products__product--donut">
<img src="/src/images/one-donut.png"
class="products__photo"
alt="cake">
<div class="products__product-info">
<h3 class="products__product-title">donuts</h3>
<div class="products__product-desciption">Light multi-layered croissant strewn with coconut and nuts</div>
</div>
<a href="#" class="products__order">order</a>
</article>
<article class="products__product products__product--browny">
<img src="/src/images/brown-cake.png"
class="products__photo"
alt="cake">
<div class="products__product-info">
<h3 class="products__product-title">cakes</h3>
<div class="products__product-desciption">Chocolate salted caramel, Vanilla frutti pebbles</div>
</div>
<a href="#" class="products__order">order</a>
</article>
<article class="products__product products__product--cookies">
<img src="/src/images/cookies.png"
class="products__photo"
alt="cake">
<div class="products__product-info">
<h3 class="products__product-title">cookies</h3>
<div class="products__product-desciption">Oatmeal cookies with golden raisins, orange zest and chocolate chips</div>
<a href="#" class="products__order">order</a>
</div>
</article>
</div>
</section>
<section class="about-us" id="about-us">
<div class="about-us__content">
<h2 class="section-title about-us__title">Few words About us</h2>
<p class="about-us__description">Like many design teams, Onfido made the transition from Abstract + Sketch, to Figma in the last couple of years. One of the common resistance points internally before making that switch, was Figma’s lack of Git-style branching that Abstract enabled. The design team had come to rely on branching and had built a lot of our processes around it.</p>
</div>
</section>
<section class="blog" id="blog">
<div class="blog__content">
<img
src="/src/images/crumbs.png"
class="blog__background"
alt="crumbs">
<div class="blog__product blog__product--year">
<div class="blog__title">2015</div>
<div class="blog__desctiption">Foundation year</div>
</div>

<div class="blog__product blog__product--stores">
<div class="blog__title">23</div>
<div class="blog__desctiption">Stores</div>
</div>

<div class="blog__product blog__product--companies">
<div class="blog__title">155</div>
<div class="blog__desctiption">Companies</div>
</div>

<div class="blog__product blog__product--clients">
<div class="blog__title">10k+</div>
<div class="blog__desctiption">Clients</div>
</div>
</div>
</section>
</div>
</main>
<footer class="footer page__footer" id="footer">
<div class="footer__content">
<img src="/src/images/bakerlab-white.svg"
class="footer__logo"
alt="Logo">
<div class="footer__nav">
<h2 class="footer__title">Menu</h2>
<nav class="nav nav--footer">
<ul class="nav__list nav__list--footer">
<li class="nav___item">
<a href="#products" class="nav__link nav__link--footer">Products</a>
</li>
<li class="nav___item">
<a href="#about-us" class="nav__link nav__link--footer">About Us</a>
</li>
<li class="nav___item">
<a href="#blog" class="nav__link nav__link--footer">Blog</a>
</li>

<li class="nav___item">
<a href="#footer" class="nav__link nav__link--footer">Terms & Privacy</a>
</li>
</ul>
</nav>
</div>
<div class="footer__contact-us">
Contact us
</div>

<div class="footer__call-us">
<h2 class="footer__title">Call us</h2>
<a href="tel:+629-555-0129" class="footer__number">(629) 555-0129</a>
<a href="tel:+603-555-0123" class="footer__number">(603) 555-0123</a>
<a href="tel:+704-555-0127" class="footer__number">(704) 555-0127</a>

</div>

<div class="footer__email-us">
<h2 class="footer__title">Email us</h2>
<a href="mailto:bakerlab@example.com" class="footer__email">bakerlab@example.com</a>
</div>

<div class="footer__icons">
<a href="https://www.facebook.com/" class="footer__icon"><img src="/src/images/icon/facebook-icon.svg" alt="icon"></a>
<a href="https://www.instagram.com/" class="footer__icon"><img src="/src/images/icon/inst-icon.svg" alt="icon"></a>
<a href="https://www.X.com/" class="footer__icon"><img src="/src/images/icon/twitter-icon.svg" alt="icon"></a>
</div>

<div class="footer__last">© Bakerlab 2022</div>
</div>
</footer>
</body>
</html>
9 changes: 5 additions & 4 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
"@linthtml/linthtml": "^0.9.6",
"@mate-academy/bemlint": "latest",
"@mate-academy/linthtml-config": "latest",
"@mate-academy/scripts": "^2.1.2",
"@mate-academy/scripts": "^2.1.3",
"@mate-academy/stylelint-config": "latest",
"jest": "^29.7.0",
"jest-environment-jsdom": "^29.7.0",
Expand Down
Binary file added src/images/apples.png
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.
Binary file added src/images/bakerlab-logo.png
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.
10 changes: 10 additions & 0 deletions src/images/bakerlab-white.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.
Binary file added src/images/brown-cake.png
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.
Binary file added src/images/cookie-image.png
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.
Binary file added src/images/cookies.png
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.
Binary file added src/images/crumbs.png
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.
3 changes: 3 additions & 0 deletions src/images/icon/arrow-icon.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.
3 changes: 3 additions & 0 deletions src/images/icon/burger-menu.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.
3 changes: 3 additions & 0 deletions src/images/icon/close-icon.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.
3 changes: 3 additions & 0 deletions src/images/icon/cookie-icon-white.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.
Loading
Loading