This commit is contained in:
Roman Pyrih
2025-10-01 10:11:21 +02:00
parent 17ceb1d116
commit d52f615c7d
4 changed files with 145 additions and 14 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -10887,3 +10887,68 @@ header#header {
} }
} }
} }
.partner-contact-form {
padding: 40px;
.mb-2 {
margin-bottom: 12px !important;
}
.mb-5 {
margin-bottom: 37px !important;
}
.row_last {
margin-bottom: 22px;
}
.select2-selection.select2-selection--single {
border: none;
height: calc(2.25rem + 2px);
background: transparent;
.select2-selection__rendered {
display: block;
width: 100%;
height: calc(2.25rem + 2px);
padding: 0.375rem 0.75rem;
line-height: 2;
color: #495057;
background-color: #fff;
background-clip: padding-box;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
border-radius: 100px;
border: none;
font-size: 14px;
font-weight: 300;
}
}
.select2-selection__arrow {
height: calc(2.25rem + 2px) !important;
}
.btn-submit {
font-size: 16px;
display: inline-flex;
align-items: center;
column-gap: 10px;
padding: 16px 26px 12px;
line-height: 1;
img {
margin-top: -3px;
}
}
.custom-control-label {
&::before {
width: 10px;
height: 10px;
}
&::after {
width: 10px;
height: 10px;
}
}
.form-control {
font-size: 14px;
font-weight: 300;
}
}

View File

@@ -173,8 +173,8 @@
</style> </style>
<div class="main-page" style="overflow-x: hidden; max-width: 100%"> <div class="main-page" style="overflow-x: hidden; max-width: 100%">
<div style="position: absolute; margin-left: 35%; z-index: 0; overflow: hidden; max-width: 65vw"> <div style="position: absolute; z-index: 0; overflow: hidden; width: 100%;">
<img src="/upload/filemanager/Pages/Kontakt/world-map.png" /> <img src="/upload/filemanager/Pages/Kontakt/world-map.png" style="margin-left: 35%;"/>
</div> </div>
<div class="container container-md" style="z-index: 10"> <div class="container container-md" style="z-index: 10">
@@ -282,17 +282,80 @@
</div> </div>
</div> </div>
<form class="col-lg p-4 m-4" style="border: 1px solid #dfdfdf; border-radius: 24px; background: #b8aea40c"> <form class="col-lg m-4 partner-contact-form" style="border-radius: 30px; background: #F8F7F6">
<div class="m-2"><input class="form-control rounded-full border-none" placeholder="Imię i Nazwisko" /></div> <div class="row mb-2">
<div class="m-2"><input class="form-control rounded-full border-none" placeholder="Telefon" /></div> <div class="col">
<div class="m-2"><input class="form-control rounded-full border-none" placeholder="Adres e-mail" /></div> <select class="form-control" id="select-partner-type">
<div class="m-2"> <option value="" disabled selected hidden>Rodzaj Partnera biznesowego</option>
<option value="Deweloper">Deweloper</option>
<option value="Firma budowlana">Firma budowlana</option>
<option value="Architekt">Architekt</option>
<option value="Montażysta">Montażysta</option>
<option value="Salon sprzedaży">Salon sprzedaży</option>
</select>
</div>
</div>
<div class="row mb-2">
<div class="col">
<input class="form-control rounded-full border-none" placeholder="Nazwa firmy *" require/>
</div>
</div>
<div class="row mb-5">
<div class="col">
<input class="form-control rounded-full border-none" placeholder="Adres firmy *" require/>
</div>
</div>
<div class="row mb-2">
<div class="col">
<input class="form-control rounded-full border-none" placeholder="Telefon *" require/>
</div>
<div class="col">
<input class="form-control rounded-full border-none" placeholder="Adres e-mail *" require/>
</div>
</div>
<div class="row mb-2">
<div class="col">
<input class="form-control rounded-full border-none" placeholder="Imię *" require/>
</div>
<div class="col">
<input class="form-control rounded-full border-none" placeholder="Nazwisko *" require/>
</div>
</div>
<div class="row row_last">
<div class="col">
<select class="form-control" id="select-interesting-me">
<option value="" disabled selected hidden>Interesują mnie ...</option>
<option value="Okna">Okna</option>
<option value="Drzwi">Drzwi</option>
<option value="Rolety">Rolety</option>
<option value="Fasady">Fasady</option>
<option value="Rolety">Rolety</option>
<option value="Inne">Inne</option>
</select>
</div>
</div>
<!-- <div class="row">
<div class="col">
<input type="text" class="form-control" placeholder="First name">
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Last name">
</div>
</div> -->
<!-- <div class="m-2"><input class="form-control rounded-full border-none" placeholder="Imię i Nazwisko" /></div> -->
<!-- <div class="m-2"><input class="form-control rounded-full border-none" placeholder="Telefon" /></div> -->
<!-- <div class="m-2"><input class="form-control rounded-full border-none" placeholder="Adres e-mail" /></div> -->
<!-- <div class="m-2">
<input class="form-control rounded-full border-none" placeholder="Rodzaj partnera biznesowego" /> <input class="form-control rounded-full border-none" placeholder="Rodzaj partnera biznesowego" />
</div> </div> -->
<div class="m-2"><input class="form-control rounded-full border-none" placeholder="Nazwa firmy" /></div> <!-- <div class="m-2"><input class="form-control rounded-full border-none" placeholder="Nazwa firmy" /></div> -->
<div class="m-2"> <!-- <div class="m-2">
<textarea placeholder="Opis zgłoszenia" class="form-control border-none" style="height: 8rem"></textarea> <textarea placeholder="Opis zgłoszenia" class="form-control border-none" style="height: 8rem"></textarea>
</div> </div> -->
<div class="custom-control custom-checkbox m-2 rounded-full" style="font-size: 10px"> <div class="custom-control custom-checkbox m-2 rounded-full" style="font-size: 10px">
<input type="checkbox" class="custom-control-input" id="Aggrement1" /> <input type="checkbox" class="custom-control-input" id="Aggrement1" />
<label class="custom-control-label" for="Aggrement1" style="cursor: pointer"> <label class="custom-control-label" for="Aggrement1" style="cursor: pointer">
@@ -308,7 +371,10 @@
</label> </label>
</div> </div>
<div style="text-align: right"> <div style="text-align: right">
<button type="submit" class="btn-submit">Wyślji</button> <button type="submit" class="btn-submit">
WYŚLIJ
<img src="/upload/filemanager/icon/Vector.svg" alt="">
</button>
</div> </div>
</form> </form>
</div> </div>