Domicode/about.html at main · Greedeks/Domicode · GitHub

112 lines (103 loc) · 6.38 KB

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Domicode - О нас</title>

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Unbounded:[email protected]&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">

<link rel="stylesheet" href="Assets/css/Components/navbar.css">

<link rel="stylesheet" href="Assets/css/about.css">

<link rel="shortcut icon" href="Assets/img/f-icon.ico" type="image/x-icon">

</head>

<body>

<div class="wrapper">

<header class="header d-flex flex-column align-items-center p-3">

<nav class="nav-glass w-50">

<div class="nav-indicator" id="navIndicator"></div>

<a href="index.html" class="nav-link" data-index="0">

<div class="nav-content">

<svg xmlns="http://www.w3.org/2000/svg" class="nav-icon" fill="currentColor" viewBox="0 0 24 24">

<path d="M20 19v-8.5a1 1 0 0 0-.4-.8l-7-5.25a1 1 0 0 0-1.2 0l-7 5.25a1 1 0 0 0-.4.8V19a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1z"/>

</svg>

<span class="nav-text">Главная</span>

</div>

</a>

<a href="specialists.html" class="nav-link" data-index="1">

<div class="nav-content">

<svg xmlns="http://www.w3.org/2000/svg" class="nav-icon" fill="currentColor" viewBox="0 0 24 24">

<path d="M12 6a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Zm-1.5 8a4 4 0 0 0-4 4 2 2 0 0 0 2 2h7a2 2 0 0 0 2-2 4 4 0 0 0-4-4h-3Zm6.82-3.096a5.51 5.51 0 0 0-2.797-6.293 3.5 3.5 0 1 1 2.796 6.292ZM19.5 18h.5a2 2 0 0 0 2-2 4 4 0 0 0-4-4h-1.1a5.503 5.503 0 0 1-.471.762A5.998 5.998 0 0 1 19.5 18ZM4 7.5a3.5 3.5 0 0 1 5.477-2.889 5.5 5.5 0 0 0-2.796 6.293A3.501 3.501 0 0 1 4 7.5ZM7.1 12H6a4 4 0 0 0-4 4 2 2 0 0 0 2 2h.5a5.998 5.998 0 0 1 3.071-5.238A5.505 5.505 0 0 1 7.1 12Z"/>

</svg>

<span class="nav-text">Специалисты</span>

</div>

</a>

<a href="contacts.html" class="nav-link active" data-index="2">

<div class="nav-content">

<svg xmlns="http://www.w3.org/2000/svg" class="nav-icon" fill="currentColor" viewBox="0 0 24 24">

<path d="M7.978 4a2.553 2.553 0 0 0-1.926.877C4.233 6.7 3.699 8.751 4.153 10.814c.44 1.995 1.778 3.893 3.456 5.572 1.68 1.679 3.577 3.018 5.57 3.459 2.062.456 4.115-.073 5.94-1.885a2.556 2.556 0 0 0 .001-3.861l-1.21-1.21a2.689 2.689 0 0 0-3.802 0l-.617.618a.806.806 0 0 1-1.14 0l-1.854-1.855a.807.807 0 0 1 0-1.14l.618-.62a2.692 2.692 0 0 0 0-3.803l-1.21-1.211A2.555 2.555 0 0 0 7.978 4Z"/>

</svg>

<span class="nav-text">Контакты</span>

</div>

</a>

<a href="about.html" class="nav-link" data-index="3">

<div class="nav-content">

<svg xmlns="http://www.w3.org/2000/svg" class="nav-icon" fill="currentColor" viewBox="0 0 24 24">

<path d="M8 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1h2a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h2Zm6 1h-4v2H9a1 1 0 0 0 0 2h6a1 1 0 1 0 0-2h-1V4Z"/>

</svg>

<span class="nav-text">О нас</span>

</div>

</a>

</nav>

</header>

<main class="main">

<div class="preview">

<h3>Наш подход — ваш результат</h3>

<p>Хотите понять, как мы работаем? Ниже — всё, что делает нашу команду особенной.</p>

</div>

<div class="cards-container">

<div class="card-item">

<div class="card-image-container">

<img class="card-image" src="Assets/img/3d-svg/1.svg">

</div>

<h4 class="card-title">Технологии</h4>

<p class="card-description">Мы применяем современные материалы и инновационные решения, чтобы дома были прочными, энергоэффективными и служили десятилетиями.</p>

</div>

<div class="card-item">

<div class="card-image-container">

<img class="card-image" src="Assets/img/3d-svg/2.svg">

</div>

<h4 class="card-title">Универсальность</h4>

<p class="card-description">Любите классику или предпочитаете минимализм? Мы умеем воплощать самые разные стили, сохраняя гармонию, уют, комфорт и удобство.</p>

</div>

<div class="card-item">

<div class="card-image-container">

<img class="card-image" src="Assets/img/3d-svg/3.svg">

</div>

<h4 class="card-title">Индивидуальность</h4>

<p class="card-description">Каждый проект мы делаем по-настоящему уникальным: дом отражает именно вашу личность, характер и образ жизни, а не навязанные шаблоны.</p>

</div>

<div class="card-item">

<div class="card-image-container">

<img class="card-image" src="Assets/img/3d-svg/4.svg" alt="Экономия времени">

</div>

<h4 class="card-title">Результат</h4>

<p class="card-description">Каждый метр пространства наполнен гармонией, комфортом, эстетикой, уютом и функциональностью, созданной для вашего удобства и вдохновения.</p>

</div>

</div>

</main>

<footer class="footer">

<div class="footer-content">

<img src="Assets/img/f-icon.ico" alt="Domicode" class="footer-logo">

<span>© 2013-2025 Domicode. Все права защищены.</span>

</div>

</footer>

</div>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>

<script src="Assets/js/navbar.js"></script>

<script src="Assets/js/about.js"></script>

</body>

</html>