https://github.com/pipchenkovaa/apple_mac-website

A multi-page website designed in the style of Apple Inc. / Многостраничный веб-сайт, выполненный в стиле Apple Inc.
https://github.com/pipchenkovaa/apple_mac-website

css3 git html5 javascript

Last synced: 5 months ago
JSON representation

A multi-page website designed in the style of Apple Inc. / Многостраничный веб-сайт, выполненный в стиле Apple Inc.

• Host: GitHub
• URL: https://github.com/pipchenkovaa/apple_mac-website
• Owner: Pipchenkovaa
• Created: 2024-09-04T10:46:23.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-16T14:31:08.000Z (almost 2 years ago)
• Last Synced: 2025-06-13T15:11:46.826Z (about 1 year ago)
• Topics: css3, git, html5, javascript
• Language: CSS
• Homepage: https://pipchenkovaa.github.io/Apple_Mac-Website/
• Size: 89.5 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
 Apple-Mac Website / Веб-сайт Apple-Mac 

This site is dedicated to Apple's Mac products and accessories. When creating it, I aimed to convey the style and aesthetic of the brand in the most accurate way possible. The Apple-Mac Website was my first relatively large-scale project (which is why it's not adaptive to different screen sizes), where I used more than just markup and styling languages.



Данный сайт посвящен продукции  и аксессуарам Mac от компании Apple. При его написании мне хотелось максимально точно передать стиль и эстетику бренда. Веб-сайт Apple-Mac — мой первый относительно масштабный проект (из-за чего у него отсутствует адаптив), где использовались не только языки разметки и стилей. 

  💡 Features / Особенности  

Smooth and unique animations for showcasing product cards created with CSS / Плавные и оригинальные анимации отображения карточек товаров, созданные с помощью CSS

Custom scrolling effects to enhance the user experience with horizontal blocks that contain a few cards / Пользовательские эффекты прокрутки для улучшения взаимодействия с горизонтальными блоками, содержащими несолько карточек


  ⚙️ Structure / Структура  



«styles/» contains CSS files with custom styles / папка «styles» содержит CSS файлы со стилями



«images/» contains image assets used on the website / папка «images» содержит использованные в проекте изображения 



«scripts/» contains all JavaScript files / папка «scripts» содержит все скрипты


  Built With / Использованные технологии  

HTML5 / CSS3 / JavaScript (ES6+)


  Run this project locally / Для запуска проекта локально:  


1) Clone the repository / Клонируем репозиторий: `git clone https://pipchenkovaa.github.io/Apple_Mac-Website.git`


2) Navigate to the project directory / Переходим в директорию проекта: `cd Apple_Mac-Website`


3) Install dependencies / Устанавливаем необходимые модули и пакеты: `npm install`


4) Start the development server / Запускаем скрипт для сборки JavaScript модулей: `npm start`


5) Open the project in your browser / Открываем проект локально в браузере: `http://localhost:3000`


  ©️ Author / Авторство  

© Pipchencova Alina, 2024