solution

.continue/prompts/new-prompt-2.md

@@ -0,0 +1,24 @@
+---
+name: AI BEM Check
+description: Check BEM naming and explain logic
+invokable: true
+---
+
+Check and fix BEM naming:
+- ensure consistency
+- simplify class names
+- follow common BEM conventions
+Return only corrected class names and explanations.
+
+Explain the 'Why' behind each change to help me improve my skills.
+
+{{{ selection }}}---
+name: New prompt
+description: New prompt
+invokable: true
+---
+
+Please write a thorough suite of unit tests for this code, making sure to cover all relevant edge cases
+
+Ответ пиши полностью на русском языке.
+Объяснения и комментарии к коду тоже на русском.

.continue/prompts/new-prompt-3.md

@@ -0,0 +1,23 @@
+---
+name: AI Semantic HTML
+description: Improve HTML semantics + Theory
+invokable: true
+---
+
+Improve HTML semantics:
+- replace divs with proper semantic tags where needed
+- keep structure clean
+- do not change layout logic
+
+Explain the 'Why' behind each change to help me improve my skills.
+
+{{{ selection }}}---
+name: New prompt
+description: New prompt
+invokable: true
+---
+
+Please write a thorough suite of unit tests for this code, making sure to cover all relevant edge cases
+
+Ответ пиши полностью на русском языке.
+Объяснения и комментарии к коду тоже на русском.

.continue/prompts/new-prompt-4.md

@@ -0,0 +1,31 @@
+---
+name: AI FOOTER
+description: Find bugs and explain the cause
+invokable: true
+---
+
+Write mobile-first SCSS for this footer section.
+
+Requirements:
+- BEM methodology
+- Responsive footer
+- On mobile: stacked layout
+- On desktop: columns/grid layout
+- Clean spacing and typography
+- Use flexbox/grid
+- Include hover states for links
+- Minimal modern design
+- Avoid overengineering
+- Use SCSS nesting carefully
+- Add breakpoints for 768px and 1024px
+- Use rem units
+- Keep code production-friendly
+
+HTML:
+[paste html]
+
+Explain the 'Why' behind each change to help me improve
+ my skills.
+
+Ответ пиши полностью на русском языке.
+Объяснения и комментарии к коду тоже на русском.

.continue/prompts/new-prompt-5.md

@@ -0,0 +1,35 @@
+---
+name: AI FORM
+description: Review HTML (BEM, Semantics, Structure)
+invokable: true
+---
+
+Ответ пиши полностью на русском языке.
+Объяснения и комментарии к коду тоже на русском.
+
+Write SCSS styles for this section using mobile-first approach.
+
+Requirements:
+- Use BEM classes only
+- Keep styles clean and minimal
+- No resets
+- No animations
+- Use flexbox where appropriate
+- Use gap instead of margins where possible
+- Responsive layout
+- Modern clean design
+- Focus on spacing, typography and usability
+- Inputs and textarea should have consistent styling
+- Button should have hover state
+- Container width is already handled globally
+- SCSS nesting allowed but avoid deep nesting
+- Use rem units
+- Add tablet breakpoint at 768px
+- Add desktop breakpoint at 1024px
+
+HTML:
+[paste section]
+
+Explain the 'Why' behind each change to help me improve my skills.
+
+{{{ selection }}}

.continue/prompts/new-prompt.md

@@ -0,0 +1,19 @@
+---
+name: AI Review HTML bem
+description: Review HTML (BEM, Semantics, Structure)
+invokable: true
+---
+
+Ответ пиши полностью на русском языке.
+Объяснения и комментарии к коду тоже на русском.
+
+Review this HTML and:
+1. Check BEM naming consistency
+2. Check semantic HTML
+3. Find structural issues
+4. Point out mistakes or bad practices
+5. Suggest minimal fixes (do NOT rewrite everything)
+
+Explain the 'Why' behind each change to help me improve my skills.
+
+{{{ selection }}}

.github/workflows/test.yml-template

@@ -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

README.md

@@ -1,6 +1,6 @@
 # Kickstarter landing page (HARD)
 
-**⚠️ Attention: this is a hard landing page for development. We highly recommend choosing this landing page only if you didn't have a lot of troubles with previous homework tasks and if you sent all homework in time (didn't miss deadlines).** 
+**⚠️ Attention: this is a hard landing page for development. We highly recommend choosing this landing page only if you didn't have a lot of troubles with previous homework tasks and if you sent all homework in time (didn't miss deadlines).**
 
 Implement landing page according to [Figma design](https://www.figma.com/file/Ujp7bCFuvuJlkn8TSbQPSZ/%E2%84%9611-(kickstarter)?node-id=19655%3A33) - Use BEM and SCSS
 - The design 1440px
@@ -34,7 +34,7 @@ Implement landing page according to [Figma design](https://www.figma.com/file/Uj
 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/Kickstarter/)
+  [DEMO LINK](https://svladimir1010.github.io/Kickstarter/)
 14. Copy `DEMO LINK` to the PR description
 
 > To update you PR repeat steps 7-11