Галерея для сайта на Dreamviewer.

### 1. **HTML**
Скопируйте HTML-код галереи из CodePen (из секции HTML) и вставьте его в ваш проект в Dreamweaver. Если у вас уже есть существующий сайт, вставьте код в нужный блок страницы.

---

### 2. **CSS (Sass)**
Код в секции CSS представлен в виде Sass. Чтобы использовать его в вашем проекте:
- **Скомпилируйте Sass в CSS**. Для этого можно воспользоваться онлайн-компиляторами, например [SassMeister](https://www.sassmeister.com/), или установить Sass локально.
- После компиляции получите стандартный CSS-файл, который можно подключить к вашей странице:

```html
<link rel="stylesheet" href="path/to/your/style.css">
```

---

### 3. **JavaScript**
Скопируйте код из секции JavaScript и вставьте его в отдельный файл, например, `script.js`. Затем подключите его к вашей HTML-странице перед закрывающим тегом `</body>`:

```html
<script src="path/to/your/script.js"></script>
```

---

### 4. **Шрифты**
Не забудьте подключить шрифты из Google Fonts (указаны в секции HTML):

```html
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Lato:wght@300&display=swap" rel="stylesheet">
```

---

### 5. **Изображения**
Для галереи потребуется набор изображений. Разместите их в одной папке, например, `images`, и убедитесь, что пути к изображениям в HTML совпадают с вашим проектом.

---

### 6. **Проверка**
После внесения изменений:
1. Откройте проект в Dreamweaver.
2. Запустите предварительный просмотр (F12) или откройте страницу в браузере.
3. Убедитесь, что галерея работает корректно.

Если что-то не будет работать, дайте знать, и я помогу исправить!

 =transition($transition-property, $transition-time, $method) 
  -webkit-transition: $transition-property $transition-time $method 
  -moz-transition: $transition-property $transition-time $method 
  -o-transition: $transition-property $transition-time $method 
  transition: $transition-property $transition-time $method 
 

 /* Добавьте это в ваш CSS */ 
.transition { 
  -webkit-transition: all 0.3s ease; 
  -moz-transition: all 0.3s ease; 
  -o-transition: all 0.3s ease; 
  transition: all 0.3s ease; 
}