Ustawienia dostępności
Zwiększ wysokość linii
Zwiększ odległość między literami
Podświetlenie linków
Wyłącz animacje
Przewodnik czytania
Czytnik
Większy kursor

Landing

Grupa kolumnowa z kolumną wypełnioną obrazkiem

Sekcja z tekstem, którą chcemy zamknąć w kontenerze

Tę sekcję chciałabym ograniczyć do kontenera, ale tak, żeby sekcja z prawej strony miała obrazek.

Obrazek, który wychodzi poza kontener na 100%. Trochę tak jak to jest z sekcjami domyślnymi gdzie obrazek wstawiony do tła rozlewa się na całość okna przeglądarki a treść sekcji jest ograniczona przez kontener.

Dodatkowo obie sekcje w tym "row" powinny mieć tę samą wysokość - powinny się do siebie równać co powinno też spowodować, że obrazek w tle ustawiony w tej sekcji obok nawet bez żadnej treści dodanej i tak będzie widoczny w zależności od tego ile tekstu będzie w div-ie znajdującym się w tym samym row co on jest.

kliknij tutaj żeby zobaczyć co chciałabym osiągnąć

btw zniknęły opcje linków - nie da się dodać linkom klasy button czy button outline itd, nie da się też dodać target=_blank ani follow czy nofollow czy linkowanie popupowe z rel=lightbox. Były takie opcje w poprzedniej wersji edytora tinymce.

tutaj tekst dla rozciągnięcia sekcji na wysokość

i jeszcze.

Sekcja bez treści tylko obrazek w tle, kolumnowa

 

 

Grupa zwykła

Sekcja zwykła

Włączony ma nagłówek i dodany kolor tła i kolor tekstu + paddingi ale powinna mieć treść ograniczoną szerokością kontenera a tło rozciągnięte na 100%. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ante nisl. Curabitur in risus congue, laoreet tortor vitae, dapibus tortor. Proin cursus lectus lacus, quis imperdiet est dignissim id. Duis rhoncus a nunc vitae cursus. Aliquam consequat, metus eu consequat lacinia, leo augue tristique felis, nec dignissim diam eros vitae nisi. Suspendisse efficitur vulputate turpis, eget elementum mauris sollicitudin vel. Donec at bibendum turpis. Ut ullamcorper justo quis massa scelerisque, quis mattis odio fermentum. Maecenas nec ante quis velit mollis sollicitudin. Praesent eu luctus leo, ut dapibus felis. Aliquam erat volutpat.

Morbi pellentesque sem sed gravida blandit. Praesent rutrum bibendum velit, sit amet tempus ipsum ultricies a. Fusce placerat turpis et mollis tristique. Vivamus condimentum, orci sit amet dignissim consectetur, elit tellus porta est, consequat pharetra ante libero in ex. Duis luctus ultrices ultricies. Nam et purus tellus. Nullam iaculis, nibh ac tincidunt facilisis, diam erat rhoncus risus, eu ultrices ante eros sed risus. Integer quis tellus tristique, lacinia nulla ac, mollis augue. Nullam quis ligula at ex gravida fermentum. In pharetra rutrum rhoncus. Maecenas sollicitudin sagittis varius.

Sekcja z wstawionym formularzem cp do znacznika p

Sekcja nie ma wypełnienia nie marginesu - powinna się stykać z poprzednią bez żadnych dziur tak samo jak to się dzieje jak jej włączymy wypełnienie (padding).

To jest formularz testowy z dwoma krokami, jakimiś zależnościami i wszystkimi polami zaznaczonymi jako obowiązkowe do uzupełnienia.

Tutaj nagłówek H3 również ustawiam jako wymagany

To jest statyczny tekst formularza, który ustawiam na obowiązkowy
Wybierz plik

Grupa zwykła w kontenerze

Sekcja 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam finibus, est in accumsan rutrum, dui urna varius mi, quis laoreet massa mauris mollis mauris. Nullam malesuada, sapien non vehicula dapibus, tellus tellus laoreet tellus, quis bibendum leo ex vitae erat. Vivamus aliquet mi eget elit mollis, in efficitur quam facilisis. Maecenas eu elit ex. Vestibulum rutrum quis mauris non scelerisque. Ut tristique mauris semper purus commodo, sit amet congue mauris dapibus. Vestibulum et aliquam sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mollis consequat ligula, sed placerat erat varius vel. Nullam placerat risus id facilisis laoreet. Integer tempor varius ante a molestie. Vestibulum tincidunt eu magna vel feugiat. Cras ultrices quam elit, sed finibus quam sagittis sed.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque at nibh nec ipsum porttitor efficitur vel quis nulla. Nam varius tincidunt enim, nec egestas libero. Suspendisse hendrerit vehicula nisi, vestibulum mattis lorem lacinia ut. Curabitur hendrerit sodales ante. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean viverra lorem eget orci feugiat, nec malesuada metus tristique. Phasellus eleifend, tellus at tincidunt porta, massa massa hendrerit ligula, in scelerisque augue quam sit amet odio. Quisque aliquet est egestas, placerat tellus in, vehicula libero. Aliquam ullamcorper porttitor diam, nec condimentum libero.

Grupa zwykła pełnoekranowa

Sekcja 3

Donec sit amet vehicula nibh. Sed erat massa, dignissim sed diam in, ornare semper dui. Ut vel urna odio. Donec sit amet neque id nulla aliquam porta eu at quam. Praesent convallis rhoncus diam blandit dictum. Vestibulum feugiat vulputate arcu, a congue nisi efficitur sit amet. Suspendisse sit amet neque vitae leo viverra commodo. Aenean pretium fermentum libero ullamcorper hendrerit. Integer at ultricies lorem. Vivamus non arcu sapien.

Sekcja 4 - kontenerowa

Ut eleifend massa at arcu scelerisque, non lobortis risus ullamcorper. Duis in efficitur lacus, accumsan dapibus ante. Pellentesque tincidunt dui non nisi maximus, quis cursus metus malesuada. In eleifend finibus ex, non rutrum ante interdum ac. Cras quis fermentum risus. Fusce porttitor erat non est elementum vulputate. Etiam arcu dui, blandit sed dolor nec, consequat placerat lorem. Morbi vehicula turpis non placerat vehicula. Integer porttitor luctus cursus. Etiam dapibus tortor in laoreet lobortis. Fusce vehicula tellus nec blandit scelerisque. Praesent tempus ullamcorper sapien vel consequat.

Grupa 2-kolumnowa

Sekcja 5

Curabitur a convallis ligula. Sed facilisis ultrices eleifend. Nulla eu vulputate sem, sit amet rutrum neque. Integer tempus vehicula orci, id hendrerit quam laoreet id. Aliquam bibendum neque eget massa scelerisque, sed finibus enim ultrices. Suspendisse nec faucibus libero. Ut ac lorem scelerisque, consequat leo ac, mollis nibh.

Nullam convallis libero id sem gravida mattis. Phasellus quis rhoncus orci. Suspendisse ac sodales nunc. In vehicula ipsum non nisl condimentum, id tempor nisl blandit. Nulla et semper justo. Pellentesque hendrerit, purus nec eleifend dignissim, tellus nibh placerat nunc, sit amet hendrerit nulla sapien non lectus. Quisque non erat quis risus dignissim auctor eget eget turpis. Cras mauris ligula, volutpat ac porta id, semper in odio. Proin pellentesque lacus justo, fermentum vestibulum libero interdum commodo. Vestibulum ullamcorper vehicula ligula, vel pretium sem condimentum a.

Grupa 3-kolumnowa

Sekcja 7

Fusce mauris felis, ultrices eget quam sit amet, auctor ullamcorper massa. Integer non nunc et purus dictum scelerisque non non massa. Aliquam quis hendrerit quam, quis dignissim dui. Vivamus varius luctus lacinia. Quisque pellentesque magna vitae velit convallis, sit amet efficitur mauris accumsan. Nullam interdum aliquam quam, et vehicula massa varius et. Nunc dignissim velit quis vestibulum elementum. Curabitur pellentesque rhoncus venenatis. Proin facilisis consectetur hendrerit.

Vestibulum efficitur metus ante, congue viverra libero ornare sollicitudin. Suspendisse venenatis sagittis pellentesque. Suspendisse vestibulum, dolor id iaculis tempor, dolor sem tempor augue, ut placerat justo mi eget odio. Curabitur pharetra blandit mi et faucibus. Vestibulum in cursus leo. Suspendisse id efficitur tellus. Mauris in vulputate elit. Phasellus sed tortor accumsan, vestibulum leo nec, congue tortor. Curabitur ac leo libero.

Sekcja 9

Praesent ac viverra elit. Pellentesque pharetra, risus sit amet auctor elementum, eros nibh consectetur sem, in dictum odio elit id ante. Phasellus convallis mi in nibh molestie, vel semper odio vehicula. Quisque finibus eu erat non malesuada. Aliquam tristique arcu magna, at tincidunt dui cursus nec. Ut et cursus lacus. In consequat odio eget tincidunt convallis. Proin nibh nisl, tempor non consequat non, pretium at libero. Nulla ornare ipsum id orci commodo, et placerat elit volutpat. Aenean quis mi vitae eros aliquam fringilla non vitae elit. Nullam facilisis leo arcu, ac lobortis augue sagittis non. Quisque tristique, ex vel venenatis pulvinar, augue ligula facilisis felis, a scelerisque elit mauris egestas quam. Donec vel facilisis dolor. Sed et nulla vehicula, tristique nulla ultrices, consequat odio.

Grupa zakładkowa

Sekcja 10

Donec non eros at mi suscipit volutpat vitae nec dui. Aliquam velit leo, malesuada at varius ac, ullamcorper imperdiet felis. Etiam iaculis turpis sit amet velit facilisis vulputate. Sed vel justo feugiat, imperdiet eros eget, mollis sapien. Maecenas eleifend lacus mauris, quis facilisis nunc imperdiet sit amet. Vivamus et porta diam, id porta nulla. Sed vel consectetur sem. Fusce a malesuada tellus. Sed eu aliquam velit, ut ultrices leo. Vivamus suscipit libero eu erat iaculis, et finibus lacus maximus. Fusce nunc lectus, semper tincidunt congue quis, congue interdum massa. Sed molestie lacinia elit, sed suscipit leo sagittis in. Etiam eget interdum leo.

Sekcja 11

Sed faucibus varius erat nec consectetur. Cras eu porta sapien. Vivamus molestie leo at elit aliquet, eu varius elit rutrum. In quis commodo mi. Quisque arcu odio, mollis ac interdum vitae, feugiat in nunc. Mauris ac dui euismod, ultrices velit a, finibus mi. Phasellus feugiat, lacus dictum feugiat viverra, nunc metus mollis tortor, aliquam dapibus massa diam bibendum ligula. Maecenas sagittis lacus pretium urna ornare, ut accumsan urna posuere. Nunc ac interdum metus. Phasellus dapibus vulputate massa et tempus. Donec diam ante, lobortis sed augue nec, ornare fermentum dolor. Ut sodales ex nec erat egestas, at aliquet turpis cursus.

Sekcja 12

In ullamcorper molestie odio at posuere. Ut ac erat sit amet risus aliquam venenatis. Maecenas commodo viverra aliquet. Cras eu odio eu odio scelerisque semper nec pretium felis. Duis nibh nulla, aliquam vitae purus eget, consequat mattis turpis. Phasellus ornare dignissim nisl ac porttitor. Maecenas auctor feugiat ipsum, sed vulputate massa gravida sit amet. Duis rhoncus leo et turpis imperdiet euismod. Sed purus sapien, accumsan eget ex et, dapibus facilisis sapien. Morbi id urna ac tellus mollis imperdiet. Fusce vestibulum nunc quis auctor tempus. Quisque faucibus pulvinar est et rhoncus.

Grupa zakładkowa pionowa

Sekcja 13

Pellentesque aliquam euismod aliquam. Pellentesque in dui at augue molestie lacinia eget sit amet erat. Etiam rutrum, neque nec laoreet imperdiet, eros leo lacinia orci, euismod maximus dui nisl sed leo. Aliquam nec libero sed enim pellentesque sodales eu id elit. Aliquam sed efficitur orci, ut gravida augue. Sed arcu sem, feugiat nec vestibulum ut, dignissim quis metus. Aliquam et placerat est, vitae imperdiet metus. Duis risus diam, ullamcorper dapibus ex at, condimentum ultrices sem. Morbi sed lacinia purus.

Sekcja 14

Duis id nibh at tellus pulvinar condimentum id id purus. Ut feugiat massa at libero efficitur, quis luctus quam gravida. Sed at pulvinar orci. Suspendisse potenti. Integer quis rhoncus urna. Pellentesque imperdiet augue a dolor luctus, a fringilla libero porttitor. Nulla et ex vel urna sodales placerat ut in quam. Curabitur sollicitudin nisi arcu, at aliquet risus viverra nec. Quisque sit amet tincidunt odio. Sed magna urna, lacinia quis augue nec, pharetra convallis massa. Vestibulum sed turpis interdum, dapibus ipsum id, consequat est. Donec sollicitudin lacus sit amet dolor feugiat, vel ultricies nunc eleifend. Praesent nec mi augue. Nam sodales felis finibus molestie fermentum. Donec accumsan eget tellus eu mollis. Nunc placerat vulputate ante sed sagittis.

Maecenas gravida ante ut sapien placerat, quis sagittis lacus aliquet. Vivamus maximus maximus fringilla. Curabitur semper sed metus ut vestibulum. Sed euismod quam molestie velit vulputate viverra. Donec sapien nisl, dictum rutrum tincidunt ac, semper sed tellus. Sed auctor rhoncus velit viverra tempus. Nam ante nunc, posuere ac ullamcorper sed, ullamcorper sit amet leo. Mauris id est vel odio imperdiet rhoncus id vel purus. Cras commodo consequat elit cursus accumsan.

Grupa obrazkowa

Sekcja 16

Fusce dictum tortor vehicula est facilisis, sit amet mollis turpis tristique. Donec eu purus suscipit, interdum massa quis, volutpat dui. Nam cursus dui sed massa faucibus pulvinar. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc elementum, erat at dapibus tincidunt, enim nisl feugiat nisi, in gravida felis ante vitae turpis. Nunc imperdiet tortor id lacus tincidunt, quis tempor purus rhoncus. Nunc magna mauris, consectetur tempor varius nec, faucibus venenatis lectus. Etiam molestie leo tortor, in dignissim ex tempus ut. In consequat lectus nisi, at semper sapien semper a. Phasellus ut rhoncus lorem.

Grupa obrazkowa 2

Sekcja 17

Morbi vulputate aliquet nunc. Quisque fringilla diam a nisl consequat hendrerit. Ut aliquam eleifend ex ac pellentesque. Phasellus tempus velit ac facilisis scelerisque. Aliquam dignissim convallis nisi, in mollis metus mollis eget. Nullam consectetur ultrices est, et porta leo tempor in. Nulla facilisi. Aliquam erat volutpat. Ut vel gravida nisi, non aliquam purus. Donec viverra diam id erat egestas, vel consectetur tortor commodo. Fusce lectus nisi, commodo ac lorem vel, molestie ultrices dolor.

Sekcja 18

Sed posuere, neque non tincidunt condimentum, tellus lacus lobortis massa, in posuere magna orci eu lacus. Maecenas posuere tortor quis tellus vestibulum, vitae tempus risus feugiat. Vestibulum sed lorem vitae massa mollis tempus a sed lorem. Ut pellentesque lorem vel turpis ullamcorper ornare. Morbi ultricies velit vel est lobortis, a elementum purus rutrum. Phasellus blandit velit a nibh convallis, sed finibus ipsum imperdiet. Etiam et fermentum diam. Proin sed augue elementum, fermentum odio vel, posuere augue. Nam a lorem in dolor faucibus auctor in eget purus. Curabitur nunc mauris, fringilla eu tempor condimentum, ornare nec metus. Suspendisse potenti. Vivamus volutpat porta arcu, non sagittis ante elementum eget. Nam euismod sodales velit in mollis.

« wstecz w górę