diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..9217685 Binary files /dev/null and b/.DS_Store differ diff --git a/agenda.png b/agenda.png new file mode 100644 index 0000000..b73d161 Binary files /dev/null and b/agenda.png differ diff --git a/broasca alea alea.png b/broasca alea alea.png new file mode 100644 index 0000000..881069c Binary files /dev/null and b/broasca alea alea.png differ diff --git a/broasca cu casa.png b/broasca cu casa.png new file mode 100644 index 0000000..c4473e0 Binary files /dev/null and b/broasca cu casa.png differ diff --git a/casa pe lac.png b/casa pe lac.png new file mode 100644 index 0000000..3d20fd9 Binary files /dev/null and b/casa pe lac.png differ diff --git a/casa.png b/casa.png new file mode 100644 index 0000000..f7bb6cb Binary files /dev/null and b/casa.png differ diff --git a/despre.png b/despre.png new file mode 100644 index 0000000..61405c5 Binary files /dev/null and b/despre.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..a0ab713 --- /dev/null +++ b/index.html @@ -0,0 +1,102 @@ + + + + Prima ta locuinta + + + + +
+ + + +
+
+
+
+ +
+

Prima ta locuinta cu o broscuta

+
+ + Broscuta mare +
+ +
+
+
+
+ broasca + +
+
+ broasca + +
+
+ broasca + +
+
+ broasca + +
+ +
+ broasca + +
+
+ broasca + +
+
+ broasca + +
+
+ broasca + +
+
+ +
+ +
+
+
+ +
+ +
+ Broscuta agent + Casa broscutei pe lac + Vila de lux +
+ +
+ +
+

Tipuri de locuinte:

+ +
+ +
+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..8805c34 --- /dev/null +++ b/style.css @@ -0,0 +1,214 @@ + +body { + background-color: #e5e6cd; + font-family: Arial, sans-serif; + margin: 0; + padding: 0; +} + +.container-principal { + max-width: 1100px; + margin: 0 auto; + padding: 20px; + position: relative; + overflow: hidden; +} + +.bara-navigare { + display: flex; + gap: 15px; + + .link-nav { + background-color: #4da64d; + color: black; + text-decoration: none; + padding: 8px 15px; + border-radius: 8px; + border: 2px solid #236b22; + font-weight: bold; + font-size: 14px; + display: flex; + align-items: center; + gap: 5px; + } + + .iconita { + width: 18px; + height: 18px; + } + + .link-nav:hover { + background-color: #2e7d2d; + color: white; + } +} + +.sectiune-antet { + position: relative; + text-align: center; + margin-top: 20px; + margin-bottom: 50px; + height: 120px; + + .titlu { + display: inline-block; + border: 1px solid gray; + padding: 5px 15px; + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.6); + position: relative; + z-index: 10; + } + + .cerc { + position: absolute; + border-radius: 100px; + z-index: 1; + } + + .cerc-stanga { + width: 70px; + height: 70px; + background-color: #9ccc65; + top: 30px; + left: 28%; + } + + .cerc-sus { + width: 50px; + height: 50px; + background-color: #43a047; + top: -20px; + left: 60%; + } + + .cerc-dreapta { + width: 90px; + height: 90px; + background-color: #9ccc65; + top: 20px; + left: 65%; + } + + .broasca-mare { + position: absolute; + width: 160px; + top: -30px; + right: 30px; + z-index: 5; + } +} + +.sectiune-formular { + .grup-inputuri { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + max-width: 600px; + margin: 0 auto; + } + + .input-item { + display: flex; + flex-direction: column; + align-items: center; + width: 120px; + + img { + width: 70px; + margin-bottom: 5px; + } + + input { + width: 100%; + padding: 8px; + border-radius: 5px; + border: none; + background-color: #d2d6d3; + font-size: 9px; + color: gray; + } + + input:focus { + border: 1px solid green; + outline: none; + } + } +} + +.container-buton { + text-align: center; + margin-top: 30px; + + .buton-submit { + background-color: #3b9c3a; + color: white; + border: none; + padding: 10px 40px; + border-radius: 10px; + font-size: 14px; + cursor: pointer; + + &:hover { + background-color: darken(#3b9c3a, 10%); + } + transition: transform 0.3s, background-color 0.3s; + } + + .buton-submit:hover { + background-color: #236b22; + transform: scale(1.1); + } +} + +.linie { + border-top: 1px solid gray; + margin: 40px 0; +} + +.galerie-poze { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + gap: 30px; + + img { + width: 250px; + height: auto; + box-shadow: 2px 2px 10px rgba(0,0,0,0.2); + } + + .poza-border { + border: 4px solid #3b9c3a; + } +} + +.lista-locuinte { + h3 { + font-size: 18px; + margin-bottom: 10px; + } + + ul { + list-style-position: inside; + line-height: 1.5; + font-size: 14px; + font-weight: bold; + } +} + +@media only screen and (max-width: 768px) { + .broasca-mare { + display: none; /* Ascundem broasca mare pe mobil */ + } + + .cerc-stanga, .cerc-sus, .cerc-dreapta { + display: none; + } + + .sectiune-antet { + height: auto; + } +} \ No newline at end of file diff --git a/vila.png b/vila.png new file mode 100644 index 0000000..c45dd5c Binary files /dev/null and b/vila.png differ