commit eb48bc390acc35bb597654d680b7face93fb58b6 Author: MoxiFoxi411 Date: Fri Mar 7 12:20:16 2025 +0100 First commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..600d2d3 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.vscode \ No newline at end of file diff --git a/images/intelidom_logo_1.png b/images/intelidom_logo_1.png new file mode 100644 index 0000000..d5a0395 Binary files /dev/null and b/images/intelidom_logo_1.png differ diff --git a/images/intelidom_logo_2.png b/images/intelidom_logo_2.png new file mode 100644 index 0000000..eaadb88 Binary files /dev/null and b/images/intelidom_logo_2.png differ diff --git a/images/intelidom_logo_3.png b/images/intelidom_logo_3.png new file mode 100644 index 0000000..d3a4ffa Binary files /dev/null and b/images/intelidom_logo_3.png differ diff --git a/images/mail_icon.png b/images/mail_icon.png new file mode 100644 index 0000000..a7dfc81 Binary files /dev/null and b/images/mail_icon.png differ diff --git a/images/tel_icon.png b/images/tel_icon.png new file mode 100644 index 0000000..3d5bb5d Binary files /dev/null and b/images/tel_icon.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..b747864 --- /dev/null +++ b/index.html @@ -0,0 +1,80 @@ + + + + + + + + InteliDom d.o.o. + + + + + + +
+ +
+
+ +
+
+ +
+
+
+

k o n t a k t

+
+ + info@intelidom.si +
+
+ + 040 77 11 66 +
+
+
+
+
+ +
+
+ +
+

s t o r i t v e

+
+
+

elektroinštalacije

+
    +
  • Napeljava električnih inštalacij
    • +
  • Zamenjava dotrajanih inštalacij
    • +
  • Zamenjava rezdelilnih omaric, varovalk, vtičnic in stikal
    • +
  • Montaža luči
    • +
+
+ +
+

telekomunikacije

+
    +
  • Napeljava podatkovnih kablov za računalniška omrežja
    • +
  • Montaža komunikacijskih omaric
    • +
  • Urejanje komunikacijskih vozlišč
    • +
  • Montaža in konfiguracija WiFi dostopnih točk
    • +
+
+ +
+

pametne inštalacije

+
    +
  • Montaža in zagon domofonskih sistemov
    • +
  • Odpiranje vrat na pin kodo ali kartico
    • +
+
+
+
+ +
+

2025 Intelidom d.o.o.

+
+ + diff --git a/style.css b/style.css new file mode 100644 index 0000000..dc42f1d --- /dev/null +++ b/style.css @@ -0,0 +1,246 @@ +body { + display: flex; + flex-direction: column; + align-items: center; + gap: 2em; + + background-color: black; + + padding: 0%; + margin: 0%; + + color: rgba(255, 255, 255, 1); + + font-family: "Roboto Condensed", serif; + font-optical-sizing: auto; + font-weight: 400; + font-style: normal; +} + +h1 { + text-transform:uppercase; + font-size: 3em; + margin: 0%; +} + +h2 { + text-transform:uppercase; + font-size: 1.7em; + margin: 0 0 1em 0; + text-align: center; +} + +a { + text-decoration: none; + color: rgba(255, 255, 255, 1); + font-size: 1.5em; +} + +a:hover { + color: rgba(200, 200, 200, 1); +} + +.header { + width: 100%; + height: auto; + + display: flex; + flex-direction: column; + align-items: center; + + background-image: linear-gradient(to right, rgba(87,230,74,0.4), rgba(52,178,249,0.4)); +} + +.header_content { + width: 1200px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-evenly; +} + +.header_background_fade { + position: relative; + bottom: 0; + background-image: linear-gradient(to top, rgb(0, 0, 0), rgba(255, 255, 255, 0)); + width: 100%; + height: 15em; +} + +.logo1 { + display: block; + position:relative; + visibility: visible; + padding: 2em; + filter: drop-shadow(5px 5px 5px #222); +} + +.logo1 > img { + width: 500px; +} + +.logo2 { + display: none; + position: absolute; + visibility: hidden; +} + +.contact { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.contact_box { + background-color: rgba(0,0,0,0.5); + padding: 3em; + border-radius: 2em; + width: 20em; + height: 20em; + + display: flex; + flex-direction: column; + align-items: center; + gap: 2em; +} + +.contact_info_box { + width: auto; + + margin-top: 2em; + display: flex; + flex-direction: row; + align-items: center; + gap: 1em; +} + +.contact_info_box > img { + width: 3em; +} + +.main { + width: 1200px; + display: flex; + flex-direction: column; + align-items: center; + gap: 1em; +} + +.services{ + display: flex; + width: 100%; + gap: 2em; + justify-content: space-around; +} + +.service_box { + display: flex; + flex-direction: column; + background-color: rgba(25, 28, 31, 0.5); + border-radius: 2em; + padding: 2em; + width: 25%; +} + +.service_box > ul > li { + margin-bottom: 1em; +} + +.footer { + background-color: rgba(25, 28, 31, 0.5); + text-align: center; + padding-top: 5em; + margin-top: 5em; + width: 100%; +} + +@media (max-width: 1000px) { + + html{ + width: 100%; + padding: 0%; + margin: 0%; + } + + body { + width: auto; + padding: 0; + margin: 0; + } + + h1 { + font-size: 2.5em; + } + + .header{ + align-items: center; + width: 100%; + } + + .header_content { + width: 100%; + flex-direction: column; + align-items: center; + justify-content: center; + } + + .logo1 { + position: absolute; + visibility: hidden; + display: none; + width: 0; + height: 0; + } + + .logo2 { + display: block; + position:relative; + visibility: visible; + padding: 2em 0; + width: 90%; + filter: drop-shadow(5px 5px 5px #222); + } + + .logo2 > img { + width: 100%; + } + + .contact { + width: 100%; + } + + .contact_box { + margin: 3em; + padding: 2em; + padding-bottom: 4em; + width: 70%; + height: auto; + } + + .contact_info_box { + padding: 0; + } + + .contact_info_box > img { + width: 2em; + } + + .main{ + width: 100%; + } + + .services{ + display: flex; + flex-direction: column; + width: 90%; + gap: 2em; + justify-content: space-around; + align-items: center; + } + + .service_box { + width: auto; + } + +} \ No newline at end of file