Styleguide für Mexico Life Realty

Monochromatische Farbe

  • Schwarz

    #222
  • Grau 400

    # 4a484a
  • Grau 350

    #737373
  • Grau 300

    # 8e8e8e
  • Grau 100

    #eee
  • Grau 000

    #f7f7f7
  • Weiß

    #fff

Alarmfarbe

  • Info

    #3c8227
  • Info-Hover

    #218f00
  • Erfolgsgeschichten

    #3c8227
  • Erfolg schweben

    #218f00
  • Warnung

    #ef6c00
  • Warnung: Schweben

    #f57c00
  • Fehler

    #d84315
  • Fehler beim Schweben

    #e64a19

Social-Media-Farben

  • Facebook

    #1877f2
  • Twitter

    #1b95e0
  • Google

    #ebebeb
  • LinkedIn

    #0077b5
  • Yahoo

    #410093

Schriftfamilien

Serif: Der schnelle Braunfuchs springt über den faulen Hund

Schriftfamilie: 'Playfair Display', TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, Serif;'

Sans Serif: Der schnelle Braunfuchs springt über den faulen Hund

Schriftfamilie: „Poppins“, Arial, „Helvetica Neue“, Helvetica, serifenlos;‘

Beispiel für eine h1-Überschrift

h1 {
Schriftfamilie: „Playfair Display“, Georgia, Serife;
Texttransformation: Großbuchstaben;
Schriftgröße: 3.5rem;
Zeilenhöhe: 1.1;
Rand oben: 64px?
Rand unten: 40px; }

Beispiel für eine h2-Überschrift

h2 {
Schriftfamilie: „Playfair Display“, Georgia, Serife;
Schriftgröße: 2.625rem;
Zeilenhöhe: 1.2;
Buchstaben-Abstand: -1px;
Rand oben: 64px?
Rand unten: 32px; }

Beispiel für eine h3-Überschrift

h3 {
Schriftfamilie: „Playfair Display“, Georgia, Serife;
Schriftgröße: 2.125rem;
Zeilenhöhe: 1.3;
Buchstaben-Abstand: -1px;
Rand oben: 48px?
Rand unten: 24px; }

Beispiel für eine h4-Überschrift

h4 {
Schriftfamilie: „Playfair Display“, Georgia, Serife;
Texttransformation: Großbuchstaben;
Schriftgröße: 1.875rem;
Zeilenhöhe: 1.2;
Rand oben: 48px?
Rand unten: 24px; }
Beispiel für eine h5-Überschrift
h5 {
Schriftfamilie: „Playfair Display“, Georgia, Serife;
Texttransformation: Großbuchstaben;
Schriftgröße: 1.625rem
Zeilenhöhe: 1.3;
Rand oben: 48px?
Rand unten: 24px; }
Beispiel für eine h6-Überschrift
h6 {
Schriftfamilie: „Poppins“, Arial, Helvetica, serifenlos;“
Texttransformation: Großbuchstaben;
Schriftstärke: 700;
Schriftgröße: 0.8125rem;
Zeilenhöhe: 1.5;
Buchstaben-Abstand: 1px?
Rand oben: 16px?
Rand unten: 16px; }

ungeordnete Liste

  • Listenpunkt eins
  • Listen Sie Punkt zwei auf
  • Listen Sie Punkt drei auf

geordnete Liste

  1. Listenpunkt eins
  2. Listen Sie Punkt zwei auf
  3. Listen Sie Punkt drei auf

Hervorheben

Element mit class="hervorheben". Diese Wohnung hat alles! Zur Ausstattung gehören hervorragende Harthölzer, ein Fitnesspool, eine große Essinsel und zwei Holzkamine sowie die Möglichkeit für einen Hypothekenhelfer auf der unteren Ebene.

Wichtig

Element mit class="wichtig". Diese Wohnung hat alles! Zur Ausstattung gehören hervorragende Harthölzer, ein Fitnesspool, eine große Essinsel und zwei Holzkamine sowie die Möglichkeit für einen Hypothekenhelfer auf der unteren Ebene.

Tasten

Snippets Call-to-Action

Treten Sie CTA bei

Sind Sie ein Agent?

Werden Sie Teil unseres wachsenden Teams, wir suchen außergewöhnliche Agenten

Unser Team ist bestrebt, unsere Erfahrung und unser lokales Wissen in allen Schritten Ihrer Immobilientransaktion für Sie einzusetzen.

Mehr erfahren

Agent-CTA

Ersetzen Sie dieses Foto durch Ihr eigenes

Kontaktieren Sie uns noch heute, um Ihnen bei Ihrem nächsten Zuhause zu helfen

Kontaktieren Sie uns

CTA abonnieren

Melde dich hier kostenlos an

Erhalten Sie als Erster die neuesten Eintragsaktualisierungen, speichern Sie Favoriten und vieles mehr, indem Sie sich anmelden.
Oder bereits ein Konto haben,Anmelden.

Community-CTA

Puerto Vallarta Immobilien zum Verkauf Bild der Skyline

Beginnen Sie jetzt mit der Suche nach Ihrem Traumhaus.

Wenn es um Komfort geht, ist MexicoLife.com unübertroffen. Ganz gleich, ob Sie bequem zu Hause oder unterwegs sind.
Unsere Immobilienseite in Puerto Vallarta funktioniert einwandfrei auf mehreren Geräten, sodass Sie die Informationen und Häuser finden können, die Sie benötigen.

Suche starten

Liste der Communities CTA

CTA des Verkäufers

Was ist Ihr Zuhause wert?

Holen Sie sich einen KOSTENLOS Vergleichende Marktanalyse im heutigen Markt.

CTA suchen

Technologie, die zu Ihnen passt

Ob zu Hause oder unterwegs, die Einträge sind immer dabei.

Wenn es um Komfort geht, ist unsere Website beispiellos. Egal, ob Sie bequem zu Hause oder unterwegs sind, unsere Website funktioniert auf mehreren Geräten einwandfrei, sodass Sie die Informationen finden, die Sie benötigen.

Fang an zu suchen

Antworttabelle

Tabellenüberschrift einsTabellenüberschrift zweiTabellenüberschrift dreiTabellenüberschrift vier
Inhalt des Tabellenkörpers Inhalt des Tabellenkörpers Inhalt des Tabellenkörpers Inhalt des Tabellenkörpers
        .table--bordered Fügen Sie dieses Klassentabellenelement hinzu, um einen unteren Rand anzuzeigen.
        .table--scroll Fügen Sie diese Klasse einem div-Element als übergeordnetes Element des Tabellenelements hinzu. Um eine Tabelle so zu ändern, dass sie einen horizontalen Bildlauf anzeigt.