diff --git a/.gitattributes b/.gitattributes deleted file mode 100644 index dfe0770..0000000 --- a/.gitattributes +++ /dev/null @@ -1,2 +0,0 @@ -# Auto detect text files and perform LF normalization -* text=auto diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..b58b603 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,5 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ diff --git a/.idea/eshop.iml b/.idea/eshop.iml new file mode 100644 index 0000000..24643cc --- /dev/null +++ b/.idea/eshop.iml @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml new file mode 100644 index 0000000..6959a69 --- /dev/null +++ b/.idea/inspectionProfiles/Project_Default.xml @@ -0,0 +1,16 @@ + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..67a0a64 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..35eb1dd --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..4c62a7e --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +www.ary-industries.com \ No newline at end of file diff --git a/Global/PNG/icon.png b/Global/PNG/icon.png new file mode 100644 index 0000000..f8ed70c Binary files /dev/null and b/Global/PNG/icon.png differ diff --git a/Global/PNG/wide_icon.png b/Global/PNG/wide_icon.png new file mode 100644 index 0000000..b94bf3a Binary files /dev/null and b/Global/PNG/wide_icon.png differ diff --git a/Global/colormode.js b/Global/colormode.js new file mode 100644 index 0000000..ae1911c --- /dev/null +++ b/Global/colormode.js @@ -0,0 +1,54 @@ +const basicColorModeBtn = document.getElementById('color-mode-btn'); +const dropdownColorModeBtn = document.getElementById('dropdown-color-mode-btn'); +const body = document.body; +let lightText = 'Dark Mode'; +let darkText = 'Light Mode'; +let currentMode = localStorage.getItem('colorMode'); +let originalText; + +// Set the initial mode and text content of the color mode button +if (currentMode === 'light') { + body.classList.add('light-mode'); + originalText = darkText; + basicColorModeBtn.textContent = darkText; + dropdownColorModeBtn.textContent = darkText; +} else { + originalText = lightText; + basicColorModeBtn.textContent = lightText; + dropdownColorModeBtn.textContent = lightText; +} + +// Add event listener to color mode buttons +basicColorModeBtn.addEventListener('click', toggleColorMode); +dropdownColorModeBtn.addEventListener('click', toggleColorMode); + +// Function to toggle the color mode +function toggleColorMode() { + // Toggle the light-mode class on the body element + body.classList.toggle('light-mode'); + + // Update the text content of the color mode buttons + if (body.classList.contains('light-mode')) { + basicColorModeBtn.textContent = darkText; + dropdownColorModeBtn.textContent = darkText; + } else { + basicColorModeBtn.textContent = lightText; + dropdownColorModeBtn.textContent = lightText; + } + + // Save the color mode preference in localStorage + if (body.classList.contains('light-mode')) { + localStorage.setItem('colorMode', 'light'); + } else { + localStorage.setItem('colorMode', 'dark'); + } +} + + +// Click + +const bars = document.querySelector('#click'); + +bars.addEventListener('click', () => { + body.classList.toggle('show'); +}); diff --git a/Global/footer.css b/Global/footer.css new file mode 100644 index 0000000..4c0f7a6 --- /dev/null +++ b/Global/footer.css @@ -0,0 +1,85 @@ +footer { + display: flex; + padding: 20px 40px 50px 40px; + background-color: rgb(0, 0, 0); + height: fit-content; + width: 100%; + flex-direction: column; + color: white; + gap: 10px; + transition: 0.3s; +} +.allfoot { + display: flex; + justify-content: space-between; + gap: 2rem; +} + + +.mainfoot { + width: fit-content; + height: fit-content; + display: flex; + flex-direction: column; +} +.secfoot { + width: 40%; + display: flex; + justify-content: space-between; + align-items: center; + right: 0; +} +.copyright { + text-align: center; + font-family: 'Poppins', sans-serif; + font-size: 0.75em; +} + + + +footer a { +color: white; + text-decoration: none; + transition: 0.3s; + +} +footer a:hover { + scale: 1.1; + transition: 0.3s; + +} + + +/* Text */ +footer p { + padding-top: 0.8rem; + font-family: 'Poppins'; +} + + + + + +/* Media */ + +@media (max-width: 950px) { + footer { + flex-direction: column; + } + + .allfoot { + flex-direction: column; + align-items: center; /* Center horizontally */ + } + + .mainfoot { + flex-direction: column; + width: fit-content; + + } + + + .secfoot { + width: 100%; + } +} \ No newline at end of file diff --git a/Global/main.css b/Global/main.css new file mode 100644 index 0000000..c2d6d96 --- /dev/null +++ b/Global/main.css @@ -0,0 +1,156 @@ +/* IMPORTS */ +@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); + +/* Basics */ + +* { + box-sizing: border-box; + margin: 0; + border: 0; +} +/* Color Mode */ + +.light-mode { + background-color: rgb(255, 255, 255); + color: black; + transition: 0.3s; +} + +/* Body */ + +body { + font-size: 1rem; + font-family: 'Poppins'; + font-weight: 500; + color: rgb(255, 255, 255); + background-color: rgb(20, 20, 20); + transition: 0.3s; +} +main { + display: flex; + padding-top: 125px; + padding-bottom: 125px; + background-color: inherit; + width: 85%; + margin: auto; + min-height: 100vh; + gap: 3rem; + +} + + +/* Text */ +hr { + display: flex; + border: solid 3px rgb(0, 150, 200); + border-radius: 1rem; + width: 100%; + margin-bottom: 1rem; +} + +.company-name{ + justify-content: center; + font-size: 3rem; + font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; + font-weight: 200; + letter-spacing: 0.2rem; + text-align: center; +} +h1{ + display: flex; + justify-content: left; + font-family: inherit; + font-weight: inherit; +} + + +p { + font-size: 1rem; + display: flex; + flex-wrap: wrap; + font-family: 'Bitter'; + font-weight: 500; + letter-spacing: 0.05rem; +} + +a { + color: white; + text-decoration: none; + transition: 0.3s; +} + + +a:hover{ + transition: 0.3s; +} + + + + + + + +/* Media */ + +@media (max-width: 950px) { + #navbar{ + height: 60px; + } + main{ + flex-direction: column; + } + #dropdown ul { + padding: 0; + } + + #dropdown { + display: none; + flex-direction: column; + + } + + #bars { + display: flex; + } + + #basic { + display: none; + } + + #dropdown li { + font-size: 1.35em; + } + + #dropdown-color-mode-btn { + font-size: 1.35em; + } +} + +@media (max-width: 500px) { + #dropdown { + width: 100%; + } +} + +@media (min-width: 950px) { + #dropdown, #x, #bars { + display: none !important; + } +} + +@media (max-height: 500px) { + footer { + margin-top: 500px; + } +} + + +.show #dropdown, .show #x { + display: flex; + +} + +.show #bars { + display: none; +} \ No newline at end of file diff --git a/Global/navbar.css b/Global/navbar.css new file mode 100644 index 0000000..e381a60 --- /dev/null +++ b/Global/navbar.css @@ -0,0 +1,127 @@ +/* Color Mode */ + +.light-mode #color-mode-btn, +.light-mode #dropdown-color-mode-btn { + background-color: white; + color: black; + +} +.light-mode #color-mode-btn:hover, +.light-mode #dropdown-color-mode-btn:hover { + background-color: black; + color: white; + + +} + +/* Header */ + +header { + position: fixed; + top: 0; + width: 100%; + display: block; + font-size: 0.8rem; + font-weight: 500; + letter-spacing: 0.05rem; +} +#navbar { + height: 90px; + background-color: rgb(0, 150, 200); + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 30px; + color: white; +} + +#basic { + display: flex; + flex-direction: row; +} +#basic ul { + display: flex; + flex-direction: inherit; +} +#dropdown { + display: none; + width: 50vw; + background-color: rgb(0, 150, 200); + border-radius: 0 0 10px 10px; + margin-left: auto; + padding: 25px ; + gap: 20px; + flex-direction: column; + transition: 0.3s; +} + + + +header ul { + padding-right: 10px; + +} +header a { + list-style: none; + text-decoration: none; + color: white; + padding: 0 5px; +} + +header li { + padding: 6px 0; + background-color: inherit; + border-radius: 10rem; + min-width: 120px; + text-align: center; + color: inherit; + font-family: inherit; + transition: 0.3s; +} +header li:hover { + transform: scale(1.05); + transition: 0.3s; + background-color: rgb(255, 255, 255); + color: black; +} + + +header img{ + height: 80%; +} +i { + font-size: 30px; + +} +#bars, #x { + font-size: 20px; + display: none; +} + + + +/* Button */ + +#color-mode-btn, +#dropdown-color-mode-btn { + padding: 6px 0; + border-radius: 1rem; + background-color: rgb(0, 0, 0); + color: inherit; + transition: 0.3s; + min-width: 125px; + /* font */ + + text-align: center; + font-weight: inherit; + font-size: inherit; +} + +#color-mode-btn:hover, +#dropdown-color-mode-btn:hover { + transform: scale(1.05); + + + background-color: rgb(255, 255, 255); + color: rgb(0, 0, 0); +} \ No newline at end of file diff --git a/Kontakt/kontakt.css b/Kontakt/kontakt.css new file mode 100644 index 0000000..fca0927 --- /dev/null +++ b/Kontakt/kontakt.css @@ -0,0 +1,129 @@ +main{ + flex-direction: column; +} + +main div a{ + color: inherit; +} +.contact{ + display: flex; + flex-direction: row; + width: 100%; +} + +.cell{ + display: flex; + width: 100%; + height: 40vh; + flex-direction: row; + justify-content: space-between; +} + +.map{ + display: flex; + flex-direction: column; + height: 100%; + width: fit-content; + justify-content: space-between; + align-items: center; +} + +.right { + margin-left: auto; +} + +.right h1, .right hr { + justify-content: right; +} + +iframe{ + height: 90%; + aspect-ratio: 16 / 9; +} + +.social{ + display: flex; + flex-direction: column; + height: 100%; + align-items: left; + justify-content: space-between; +} + +.name-adress{ + display: flex; + flex-direction: column; + gap: 1rem; + width: fit-content; + +} + +.name-adress div{ + display: flex; + flex-direction: column; + gap: 0.15rem; +} + + +main a:hover{ + scale: 1.1; + color: rgb(0, 150, 200); + transition: 0.3s; +} + +.social a{ + font-style: italic; + display: flex; + align-items: center; + gap: 0.5rem; +} +.heading{ + border: solid 7px rgb(255, 255, 255); +} +.light-mode .heading{ + border: solid 7px rgb(0, 0, 0); + +} +h1{ + justify-content: center; + text-align: center; +} +main i{ + color:rgb(0, 150, 200) ; +} + +@media (max-width: 1200px) { + .cell{ + flex-direction: column; + align-items: center; + gap: 5rem; + justify-content: center; + width: 100%; + height: fit-content; + } + + .social{ + flex-direction: row; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + gap: 1rem; + } + .social a{ + width: 250px; + } + + + + .map{ + height: fit-content; + width: 100%; + justify-content: center; + } + + iframe{ + width: 100%; + } + + +} \ No newline at end of file diff --git a/Kontakt/kontakt.html b/Kontakt/kontakt.html new file mode 100644 index 0000000..93bb8ad --- /dev/null +++ b/Kontakt/kontakt.html @@ -0,0 +1,139 @@ + + + + + + + Kontakt | ARY industries + + + + + + + + + + + + + + + +
+ + + + +
+ +
+ + +
+

Zde nás můžete kontaktovat a naleznout:

+
+ +
+ + + +
+ ARY industries kancelář + +
+ +
+ +
+ + + + + + + + + \ No newline at end of file diff --git "a/Odd\304\233len\303\255/oddeleni.css" "b/Odd\304\233len\303\255/oddeleni.css" new file mode 100644 index 0000000..cd5b89d --- /dev/null +++ "b/Odd\304\233len\303\255/oddeleni.css" @@ -0,0 +1,25 @@ +main{ + flex-direction: column; +} +.cell { + display: flex; + flex-direction: column; + width: 60%; + gap: 1rem; +} +.right { + margin-left: auto; +} + +.right h1, .right hr { + justify-content: right; +} + +@media (max-width: 950px) { + .cell{ + width: 100%; + } + h1{ + justify-content: left !important; + } +} \ No newline at end of file diff --git "a/Odd\304\233len\303\255/oddeleni.html" "b/Odd\304\233len\303\255/oddeleni.html" new file mode 100644 index 0000000..da78531 --- /dev/null +++ "b/Odd\304\233len\303\255/oddeleni.html" @@ -0,0 +1,136 @@ + + + + + + + Oddělení | ARY industries + + + + + + + + + + + + + + +
+ + + + +
+ +
+ +

ARY industries:

+ +
+

1. Research & Development (R&D)

+

Toto oddělení se zaměřuje na 3D modelování a 3D tisk dle Vašich požadavků a potřeb. Rádi s Vámi zkonzultujeme Váš nápad a jeho realizaci.

+

Dle potřeb Vašeho projektu jsme schopni využít i jiných materiálů než plast, například dřevo, hliník, atd.

+

Dále se toto oddělení zaměřuje na výrobu webových stránek, například jako je ta naše.

+
+ +
+

2. Studio

+

V tomto oddělení se zabýváme grafickým designem, videotvorbou, animacemi a díky dnešním technologiím máme možnost natáčet pomocí dronů, očemž se můžete přesvědčit v našem portfoliu.

+

Kombinace těchto dovedností je skvělým nástrojem pro reklamní služby, propagační videa, či filmové účely.

+
+ +
+

3. Catering (připravuje se)

+

Stánek s barem

+ +
+ +
+ + + + + + + + + \ No newline at end of file diff --git a/Potrfolio/portfolio.css b/Potrfolio/portfolio.css new file mode 100644 index 0000000..e5a8753 --- /dev/null +++ b/Potrfolio/portfolio.css @@ -0,0 +1,34 @@ +main{ + display: block; +} +.cell{ + display: flex; + flex-wrap: wrap; + gap: 1rem 1rem; +} + +.tall{ + aspect-ratio: 9 /16; + height: 300px;; +} + +.wide{ + aspect-ratio: 21 / 9; + height: 300px; +} + +iframe{ + width: 100%; + height: 100%; +} + + + +@media (max-width:950px) { + .wide{ + width: 100%; + height: 100%; + } + +} + diff --git a/Potrfolio/portfolio.html b/Potrfolio/portfolio.html new file mode 100644 index 0000000..d1cc864 --- /dev/null +++ b/Potrfolio/portfolio.html @@ -0,0 +1,130 @@ + + + + + + + Portfolio | ARY industries + + + + + + + + + + + + + + + +
+ + + + +
+ +
+
+

1. R&D

+ +
+ +

2. Studio

+
+ +
+ +
+ +
+

3. Catering

+
+ +
+ + + + + + + + + \ No newline at end of file diff --git a/Uvod/index.css b/Uvod/index.css new file mode 100644 index 0000000..3c43e91 --- /dev/null +++ b/Uvod/index.css @@ -0,0 +1,14 @@ +main{ + flex-direction: column; +} +h1{ + width: 100%; + text-align: center; + justify-content: center; +} +a:hover{ + color: rgb(0, 150, 200); +} +main a{ + font-style: italic; +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..1229f06 --- /dev/null +++ b/index.html @@ -0,0 +1,116 @@ + + + + + + + Úvod - ARY industries + + + + + + + + + + + + + + + +
+ + + + +
+ +
+ +

Úvod

+ +
+Oddělení je hotové +
+
+ + + + + + + + + \ No newline at end of file