Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
48 commits
Select commit Hold shift + click to select a range
b9704d3
initial commit
Sep 20, 2025
5be4fe1
initial commit
Sep 20, 2025
6961f6e
extract title styles to block file
Sep 20, 2025
f42098d
title positioning
Sep 20, 2025
83162aa
setting header bacground
Sep 20, 2025
05bae34
html for main section
Sep 20, 2025
35798e5
css for main header secoundary
Sep 20, 2025
0410176
html and scss for about us
Sep 20, 2025
0dde464
fixing title positions
Sep 20, 2025
3eb2e13
html for compare section
Sep 20, 2025
ac570fc
scss for bike
Sep 20, 2025
c51330a
-implement article--large/medium scss
Sep 20, 2025
bff74d7
html for details section
Sep 20, 2025
2dff5cb
html detrails rework
Sep 21, 2025
f473e25
scss for details and button
Sep 21, 2025
073443e
html for contact-us
Sep 21, 2025
4aa4c9a
padding rework
Sep 21, 2025
311b0d1
scss for form
Sep 21, 2025
243d68f
scss for contact
Sep 21, 2025
c25fe88
html and scss for footer
Sep 21, 2025
adac61a
html for navigation
Sep 21, 2025
185ea68
scss for navigation
Sep 21, 2025
0f7d0a6
applying hover transform for icons and photos
Sep 21, 2025
96d8ab8
button hover
Sep 21, 2025
fbd8b92
navigation html rework
Sep 21, 2025
1a9c83b
html for menu
Sep 21, 2025
ad9ced7
scss for sliding menu
Sep 21, 2025
a75a8e6
menu navigation html and scss
Sep 21, 2025
88d5252
-id's for section
Sep 21, 2025
1d45735
- main__title margins
Sep 21, 2025
1eaeba9
tablet/mobile mixins
Sep 21, 2025
bf02c1a
extract padding to .section__content
Sep 21, 2025
33c50b6
mixins on section__content
Sep 21, 2025
fbf058c
grid mixin
Sep 21, 2025
75ce608
- implement mixin gird to section
Sep 21, 2025
7f67989
-implement fonts for tablet/mobile
Sep 21, 2025
42aea81
-insert content to compare section
Sep 21, 2025
3f0b761
changing hover state for menu
Sep 21, 2025
af1dba2
disable scrolling on menu
Sep 21, 2025
ad7e2ac
add favicon
Sep 21, 2025
d59554d
adding last section in details
Sep 21, 2025
53fba8c
-on-mobile bacgroud-position correction
Sep 21, 2025
6bf63db
changing icons sizes, navigation margins, hover state for menu
Sep 23, 2025
9d85b94
add missed button
Sep 23, 2025
97a8ca8
fixing srolling issue
Sep 23, 2025
9ee73b0
fix responsive layout, icon sizing, spaces between elements, button u…
Sep 29, 2025
cc72915
fix responsive layout, icon sizing, spaces between elements, button u…
Sep 29, 2025
fb5b5a0
"fix:
Sep 29, 2025
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
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
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,6 @@ In this task, you will learn how to implement a landing page. To do that:
- [Nothing](https://www.figma.com/file/DtkQmQ797hk0nI4KfMi2Uq/BOSE-New-Version?type=design&node-id=6802-139&t=L7eKz5YKLN0m5WxR-0)
- watch the lesson videos and implement your page blocks similarly to the videos;
- **DON'T** try to do it `Pixel Perfect` - implement it the most `simple` way so it looks similar;
- when you finish the first block of your page deploy it and create a Pull Request with a [DEMO LINK](https://<your_account>.github.io/layout_miami/)
- when you finish the first block of your page deploy it and create a Pull Request with a [DEMO LINK](https://folg-code.github.io/layout_miami/)
- after each next block do the same (add, commit and push the changes, and deploy the updated demo;
- check yourself using the [CHECKLIST](https://github.com/mate-academy/layout_miami/blob/master/checklist.md) when finished;
Loading
Loading