#50c. Zastosowanie elementów CSS – Tworzenie kontentu

Tworzenie kontentu

Przyszedł czas na kontent na stronie. Pierwszym krokiem będzie dodanie sekcji “o nas”. W drugim bloku stworzymy formularz kontaktowy. Jeżeli śledzisz mnie od początku to znajdziesz podobny formularz stworzony od zera.

  1. W pierwszej kolumnie (col-xs-12 i col-md-6) dodaj nagłówek stopnia drugiego i paragraf.
  2. Kolejno w drugim analogicznym elemencie dodaj formularz. W pierwszej kolejności dodaj element z klasą form. W środku dodaj nowy element form.
  3. Stwórz poszczególne grupy formularza. Utwórz trzy elementy z klasą form-group. W każdej z nich dodaj label. W dwóch pierwszych umieść element input z klasą form-control, natomiast w trzecim z nich dodaj element textarea z klasą form-control. Jak nie wiesz jak dodać id i placeholdery to zobacz w mój gotowy przykład.
  4. Ostatnim krokiem będzie dodanie przycisku typu submit z klasami btn i btn-default.
PRZYKŁAD. KLIKNIJ, ABY PODEJRZEĆ…

hungry-water-dycmn

hungry-water-dycmn danielminschinski

Kontent naszej strony został stworzony. W ostatniej części ćwiczenia zajmiemy się stopką. Postaram się szybciej umieścić wpis – jeszcze w tym tygodniu. Subskrybenci zostaną poinformowani emailem oraz wszyscy inni którzy włączyli powiadomienia przeglądarki.  

Jeżeli chciałbyś/chciałabyś wesprzeć mój blog to zapraszam -> WSPARCIE DLA BLOGA