Per analogia, presentano colonne per le recensioni e i vantaggi. Se si desidera spostare l'elemento da parte, utilizziamo la classe di colonna offset Col-LG-offset-2. La figura alla fine determina come si verificherà la quantità di colonne di base.

Passaggio 5. Font e icone

Implementiamo i caratteri per le intestazioni dei font di Google. Quando si seleziona, apri la scheda Importa e copiare i dati da esso al file main.csss. Aggiungere anche selettori di intestazione al file per il quale viene applicato un nuovo carattere.

@import "https://fonts.googleapis.com/css?family\u003dRoboto+condense" / * Import Font per titoli * /
.navbar-mark,
h1.
h2.
h3.
h4.
h5.
h6 (
Fammon-family: "Roboto condensato", sans-serif; / * CONCLUSIONE GOGLOOFONT * /
}

Per chiarezza, i vantaggi sono prescritti la classe con il nome di testo del nome dell'altoparlante e le icone fontante dal set di bootstrap.

Questa preparazione è completamente completata.

Pagina di atterraggio: esempi di codici con una proposta, pararallax e contatore

Usiamo i tre tipi più popolari: con una proposta, una forma e un conto alla rovescia. Come layout, il modello sarà completato dagli effetti.

Esempio 1: con una proposta

Installeremo lo sfondo della parte principale e gli edifici in modo che il primo schermo sia coperto.

Jumbotron (
Sfondo: # F5F5F5 URL (../ img / flat.jpg) Top Center No-Repeat;
Larghezza massima: 100%;
Imbottitura: 250 px;
Imbottitura: fondo: 200px;
Text-Align: Center;
}

Cambia la dimensione dell'intestazione Jambotron con H2 su H1. Successivamente, prescriviamo gli stili per gli articoli da modificare.

Iniziamo con le icone.

Vantaggi I (
Colore: # CAC4C4;
}

Dopo che il segno del reticolo è impostato il colore. Puoi scegliere la tua versione utilizzando tabelle o editor di immagini HTML.

Indizzi per le intestazioni delle sezioni

sezione H2 (
Imbottitura: 30px;
Margin-Bottom: 25px;
}

Condurre l'aspetto delle tariffe. Per comodità, creiamo le nostre classi per gli elementi che vogliamo allocare il punto.

E un sacco di css. Per i quali vengono risposte i piazzole, scritto nei commenti - / * tra stelle con un asterisco * /

/ * \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d stili tariff \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d * /
/ * Tipo di tariffa generale * /
.pring_item (
Sfondo: # F2F2F2;
Posizione: relativo;
Display: -Webkit-flex;
Display: flex;

Flex-Direction: colonna;

Allinea-Articoli: Stretch;
Text-Align: Center;
-Webkit-flex: 0 1 330px;
Flex: 0 1 330px;
Imbottitura: 2em 3em;
Margine: 1em;
Colore: # 262b38;
Cursore: predefinito;
Overflow: nascosto;

}
/ * Shift di sfondo quando si preme * /
.pring_item: Hover (
Colore: # 444;
Sfondo: #Daebef;
}
/ * Substrato del tag del prezzo individuale in ogni tariffa * /
.pring_item: First-Child .price (
Sfondo: # 9BA9B5;
}
.pring_item: nth-child (2) Prezzo (
Sfondo: # 1F6098;
}
/ * Su schermi ampi, indentazione ed evidenziando la colonna tariffaria media * /
@Media schermo e (larghezza minima: 66.250em) (
.pring_item (
Margine: 1.5em 0;
}
.In primo piano (
z-index: 10;
Margine: 0;
Dimensioni del carattere: 1.15Em;
}
}
/ * Titolo * /
.pring_item h3 (
Dimensione del carattere: 2Em;
Margine: 0.5em 0 0;
Colore: # 1D211F;
}
/ * Substrato del tag prezzo * /
.price (
Dimensione del carattere: 2Em;
Peso dei fonti: audace;
Colore: #FFFF;
Posizione: relativo;
z-index: 100;
Altezza di linea: 95 px;
Larghezza: 100px;
Altezza: 100px;
Margine: 1.15EM AUTO 1EM;
Border-Radius: 50%;
Sfondo: # 77A5CC;
-Webkit-Transition: colore 0.3s, sfondo 0.3s;
Transizione: colore 0.3s, sfondo 0.3s;
}
/ * Moneta * /
.moneta (
Font-Dimensione: 0.5Em;
Allineare verticale: super;
}
/ * Chiarimento dell'offerta * /
.Frase (
Peso dei fonti: audace;
Margine: 0 1Em 0;
Imbottitura: 0 0 0.5EM;
Colore: # 2A6496;
}
/ * Elenco * /
.pring_item ul (
Font-Dimensione: 0.95Em;
Margine: 0;
Imbottitura: 1.5em 0.5em 2.5em;
Allineare il testo: a sinistra;
}
/ * Elementi della lista * /
.pring_item li (
Imbottitura: 0.15Em 0;
}
/ * Pulsante d'ordine tariffario * /
Pulsante .PRICING_ITEM (
Peso dei fonti: audace;
Margine-Top: Auto;
Imbottitura: 1em 2Em;
Colore: #FFFF;
Border-Radius: 5 px;
Sfondo: # 428BCA;
-Webkit-Transition: sfondo-colore 0.3s;
Transizione: sfondo-colore 0.3s;
}
/ * Cambia colore quando si preme * /
Pulsante .PRICING_ITEM: Hover,
Pulsante .PRICING_ITEM: messa a fuoco (
Sfondo-Color: # 285E8E;
}
/ * Sfondo tariffario * /
.bg-2 (
Sfondo: #DDDDDD;
}

Risultato

Recensioni dei clienti. Diamo loro un look pulito, indichiamo la posizione.

/ * \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d Testimoniant Styles \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d * /
testimonianze (
Imbottitura: 4Em 0;
Text-Align: Center;
}
.Testimonianze .Avatar IMG (
Border-Radius: 50%;
Galleggiante: sinistra;
Display: in linea;
Margin-destra: 1em;
Larghezza: 65 px;
Altezza: 65 px;
Margin-Bottom: 30px;
}
.Testimonials .avatar P (
Allineare il testo: a sinistra;
Imbottitura: 1em;
Colore: # 5D5D5D;
Peso del font: 900;
}

Resta per decorare l'ultimo appello all'azione e al piè di pagina.

/ * Azione * /
.azione (
Sfondo: # 476177;
Min-altezza: 180 px;
Larghezza: 100%;
Imbottitura: 4Em 0;
Text-Align: Center;
}
.Action h2 (
Colore: #FFFF;
Peso dei fonti: 300;

}
.zione p (
Colore: #FFFF;
Text-Shadow: 0 1px 2px RGBA (0, 0, 0, .2);
Dimensione del carattere: 1.2em;
}
.Action .container (
Margine-Top: 3Em;
}
/ * Piè di pagina * /
piè di pagina (
Sfondo: # 333333;
Imbottitura: 1em 0;
Testo-Align: Destra;
}
piè di pagina P (
Colore: #FFFF;
Altezza di linea: 1;
Trasformazione del testo: maiuscolo;
Dimensioni del carattere: 0.7em;
Margine-Top: 0.5Em;
}

Il pulsante PONUTO Viene assegnato una BTN BTN BTN incorporata BTN-default.

Modello di fidanzamento. Introduciamo uno scorrimento e pulsanti lisci per le sezioni, così come l'animazione del testo sulla prima schermata.

Affinché le transizioni da lavorare, parte delle classi delle sezioni saranno sostituite da ID - per vantaggi e tariffe. E i riferimenti all'ID propongo ai pulsanti. Schermo: ciò che è legato, è evidenziato con un pennarello giallo.

Specificare i rientri dei pulsanti - Jbutton. Scorri quando si preme funziona, ma molto bruscamente.

Le transizioni fluide vengono create utilizzando JavaScript o JQuery. L'ultima predefinita è collegata ai modelli di bootstrap.

Ora lo scorrimento è diventato fluido.

Aggiunta di animazione al testo usando animate.csss ( https://raw.githubuserContent.com/daneden/animate.css/master/animate.css.). Questo è pronto apri il codice, Può essere utilizzato su qualsiasi sito. File da Githab Mettiamo nella cartella CSS e prescrivi il percorso.

Selezioniamo effetti qui: https://daneden.github.io/animate.csss/. Abbiamo selezionato Fadedown. Registrato nel codice come questo:

Ora, quando si scarica o si aggiorna la pagina, il testo sarà animato. Pronto.

Esempio 2: con forma e effetto pararalant

I più campi della forma sono offerti al visitatore, meno possibilità che li riempierà. Chiedere solo le informazioni minime necessarie.

Raccolti dall'analogia. Cambieremo gli sfondi e i colori. E, naturalmente, aggiungi una forma.

Iniziamo da S. parallasse .

Cambia lo sfondo Jumbotron su Trasparente:

sfondo: trasparente;

Inserire la testa interna lo script:

La prima riga nel corpo è un contenitore per Parallax:

E in CSS il suo comportamento:

BGparallax (
Sfondo: URL (/../ img / flat.jpg) Ripeti;
Posizione: fissa;
Larghezza: 100%;
Altezza: 300%;
Top: 0;
a sinistra: 0;
z-index: -1;
}

Pararallax pronto. Ma apportare modifiche al codice e il nuovo background richiede la riassegnazione dei colori.

Fare un menu oscuro:

Navbar-default (
Sfondo-Color: # 333;
Colore del confine: # 444;
Colore: DarkGrey;
Border-Radius: 0;
}

Navigatore-predefinito .AVBAR-NAV\u003e .Active\u003e A, .NAVBAR-predefinito .AVBAR-NAV\u003e .Active\u003e A: Hover, .NAVBAR-predefinito .NAVBAR-NAV\u003e .Active\u003e A: Focus (
Colore: DarkGrey;
Sfondo-Color: RGBA (0, 0, 0, 0.5);
}

Sostituiamo l'offerta in Jumbotron a una nuova - con il codice di codice:

E prescrive un'apparizione

/ * Modulo * /
.Headform-list (
Elenco-tipo-tipo: nessuno;
Altezza di linea: 26px;
Peso dei font: 400;
Imbottitura: 0px;
Margin-Bottom: 40px;
}
.Headform (
Overflow: nascosto;
Posizione: relativo;
Sfondo-Color: RGBA (0,0,0, .4);
Imbottitura: 35px 40px;
Border-Radius: 8 px;
}
input, Button, Seleziona, Textarea (
Larghezza: 100%;
Margin-Bottom: 10 px;
}
.Headform-list li .fa (
Posizione: assoluto;
Top: 0px;
A sinistra: 0 px;
Larghezza: 42 px;
Font-Dimensione: 24px;
Text-Align: Center;
}
.Headform-list li (
Posizione: relativo;
Altezza minima: 38 px;
Imbottitura-sinistra: 62 px;
Margin-Bottom: 20px;
}
.jumbotron p (
Colore: #FFFF;
Dimensione del carattere: 16 px;
Font-Style: Italic;
}

Il testo di Jambotron è venuto qui, dal momento che ha chiesto un cambiamento.

Tariffe di regala.

/ * Tipo di tariffa generale * /
.pring_item (
Sfondo-Color: RGBA (0,0,0, .4); / * Stringa cambiata * /
Border-Radius: 4 px; / * Stringa cambiata * /
Posizione: relativo;
Display: -Webkit-flex;
Display: flex;
-Webkit-Flex-Direction: colonna;
Flex-Direction: colonna;
-Webkit-Align-Articoli: Stretch;
Allinea-Articoli: Stretch;
Text-Align: Center;
-Webkit-flex: 0 1 330px;
Flex: 0 1 330px;
Imbottitura: 2em 3em;
Margine: 1em;
Colore: # F2F2F2; / * Stringa cambiata * /
Cursore: predefinito;
Overflow: nascosto;
Box-Shadow: 0 0 15px RGBA (0, 0, 0, 0,05);
}
/ * Shift di sfondo quando si preme * /
.pring_item: Hover (
Colore: # 444;
Sfondo: #ddD; / * Stringa cambiata * /
}

Ora sembrano così - sfondo trasparente E angoli arrotondati.

Il modello è pronto.

Esempio 3: con contatore del conto alla rovescia

Ancora una volta, cambia il riempimento del jambotron e rifa il modello per un nuovo background per analogia con il modello precedente. Collega lo script del misuratore:

Html.

Nel file di stile, rimuovere il raggio inferiore della forma, portare il pulsante in mente.

Inoltre, il menu è stato ridipinto sotto il nuovo background e lo stile di testo è stato modificato in Jambotron - per analogia con l'esempio precedente. Risultato.

Parte inferiore

A questo esempio, completato la pagina di destinazione, ma il codice richiede un lavoro aggiuntivo.

La pagina di destinazione dovrebbe essere veloce e buona, come la Ferrari - il tempo di caricamento della pagina ha un enorme impatto sugli indicatori di errore. Ottimizza le immagini, minimizzare la dimensione degli script e degli stili preconfezionati per la massima efficienza.

La lezione presenta esempi di creazione di una buona pagina di destinazione, che ti aiuterà a portare i clienti veri e imparerai qualcosa di nuovo. Mettiamo il husky e facciamo ripetizioni. A presto.

Per scaricare tutte le fonti presentate nella lezione sotto forma di pagine finite, premere uno dei pulsanti. castello sociale Per aprirlo e ottenere un collegamento.

Sinceramente, Galiulin Ruslan.

Ciao. I siti a pagine sono ancora popolari, e questo non è abbastanza. Hanno diversi vantaggi, rispetto ai siti multi-page a pieno titolo. Su una singola pagina (lui, atterraggio), una persona si concentra su un'idea, un prodotto, che gli consente di non distrarre per esplorare la tua offerta e lasci volentieri la domanda.

"Va bene" - Tu dici - "Ho deciso di rendermi il prestito, ma non capisco nulla nella programmazione". E questo non è un problema. Ora ci sono molti strumenti per creare un sito professionale senza "scavare" nel codice. Uno di questi è il popolare CMS WordPress con il WPBackery o Elementor Designer.

In questo articolo, ho portato i modelli di wordpress della pagina di atterraggio interessanti adatti per gli affari, le vendite di beni, agenzie, liberi professionisti e qualsiasi altro argomento. Dopo tutto, tali modelli possono essere configurati a se stessi e alla loro offerta.

Molti modelli usano campane alla moda, come effetti parallasse, design piatto, foto a schermo intero e video. L'adattamento sotto i dispositivi mobili è in ogni modello.

Abbastanza discussioni, guardiamo la selezione!

P.S. Se vuoi saperne di più su quale pagina di destinazione è, dove questa domanda ho smontato nei dettagli e led 27 esempi di leding.

Una selezione di 40 modelli premium per la creazione della pagina di destinazione) su CMS Wordpress

1. Bridge.

Per me, questo è un modello superiore, perché ha una demo di 376+ su argomenti diversi. Con questo modello, possono essere trasferite emozioni assolutamente diverse. Potente e intuitivo.

Questo argomento incredibile ha un cursore personalizzabile, intestazioni completamente personalizzabili, menù MEGA, telefoni video, intestazione fissa o appiccicosa, vari loghi per intestazioni, elementi interattivi, 7 diversi layout del portafoglio e molto altro, che apre funzionalità illimitate.

Fai una presentazione unica del tuo prodotto o suggerimento. Ci sono istruzioni visive nel testo e anche le istruzioni video.

2. La7.

Il sistema avanzato e unico dei modelli di cui consente non solo di creare un prestito, ma senza impostazioni aggiuntive si integrano nel sito principale del progetto. Nel modello è possibile trovare molti stili finiti per blocchi della domanda su pagine di destinazione - Presentazione della squadra, Galleria, Portfolio. Sono disponibili anche effetti di precarico di bellissimi effetti.

A proposito, è il 7 ora in piedi sul mio blog.

3. Betheme.

Betheme è una funzionalità su larga scala e quantità di schemi di layout preimpostati. Ad oggi, ci sono oltre 400+ prestazioni demo in base a questo argomento, chiunque puoi scegliere e adattarsi ai tuoi compiti. In prestito pronto su Betheme applicare attivamente:

• effetti di scorrimento - da Parallax a conversioni animate di elementi di design
• sfondo video schermo intero
• Pulsanti "social"
• contatori animati
• forme di applicazioni online
• sezioni del portafoglio.
• sezioni "I nostri dipendenti"

Ancora una demo:

Gli aggiornamenti degli argomenti vengono eseguiti automaticamente, aggiornamenti plug-in - per pulsante. Su siti demo, viene utilizzato il cursore della rivoluzione. I modelli offrono 5 opzioni di layout per pagine, 20 heders personalizzati, numero illimitato di stili per le schede Google, molte icone eleganti.

Lo strumento Builder Muffin contribuirà a creare qualsiasi progetto senza alcuna conoscenza nello sviluppo web. Se lo desideri, è possibile aggiungere regole CSS e script JS senza influire sul codice del modello principale.

Ronneby è caratterizzato da alte prestazioni e pannello di opzione esteso. I migliori plugin Premium sono stati aggiunti ai modelli per creare pagine di destinazione Wordpress. Gli sviluppatori del modello prestano particolare attenzione al supporto utente - su qualsiasi domanda dovrebbe essere una rapida risposta che descrive come risolvere il problema. L'argomento è già localizzato per due lingue, ma include anche file per la traduzione, consentendo di organizzare il supporto multilingue per i siti.

Un altro esempio di una demo:

5. Giove.

Flessibile, e allo stesso tempo, semplice nelle impostazioni del modello. Include 72 skin così chiamate, tutti i soggetti possibili. Amministratore comodo. Il pannello, anche un nuovo arrivato in modo semplicemente capirà il design delle pagine e delle impostazioni.

Ci sono comodi materiali di allenamento che includono 240 pagine e 20 video su come rendere il tuo sito semplicemente fantastico!)

Il modello di Giove è anche adattato per il CEO. Gli assegni attraverso Google PageSpeed \u200b\u200bmostrano buoni indicatori, il che indica che i motori di ricerca adoreranno il tuo sito.

Modello puro, tipografia pulita e di alta qualità viene utilizzata. A causa dell'uso di effetti visivi, come il tema Parallax si ottiene vivo e molto bello da guardare un tale sito web.

6. Woodmart.

Una delle più grandi collezioni della selezione. I modelli sono scritti da programmatori Web professionali e i progetti sono disegnati da wizard qualificati su soluzioni visive e UX. A causa di ciò, è possibile impostare tranquillamente tutti i modelli, tutti sono pronti per l'uso su un computer, telefono cellulare, tablet. Incluso Plugin Premium:

1. Wpbacker.
2. Rivoluzione del cursore.
3. Grande adattamento woocommerce (negozio online)

7. Brooklyn.

Brooklyn ha 16 skin demo su argomenti diversi. Stile moderno delle pagine, una combinazione di immagini e caratteri dà eleganza a qualsiasi sito in cui vale questo argomento. Blocco splendidamente fatto con un portafoglio. Il modello è perfetto per le agenzie, aziende aziendali. I modelli sono realizzati in colori scuri, che danno fiducia e provoca sicurezza. Il modello è adattivo e sembra eccellente su tutti i dispositivi.

Un modello fluido e semplice che non lascerà nessuno indifferente. Le tipografia e gli elementi di interfaccia di alta qualità rendono questo temlete chic. Nomina e vincitore di diversi concorsi e valutazioni noti, come Awwards. Ha più di 30+ skin di diversi argomenti da scegliere

Adatta ai dispositivi mobili non solo al sito, ma anche le immagini da guardare più conveniente per i visitatori.

9. codice H

Il modello è nuovo, ma è già riuscito a stabilirti. Ha 8 argomenti (multiploccato, Lunding, Corporate, Portfolio, Blog, E-Commerce, Plugs) 3-12 skin ciascuna. Per bellezza e accuratezza, questo modello ha semplicemente arsenale di diversi widget ed elementi. Puoi fare atterrare bello e funzionale. Hai bisogno di un cursore? Prego. Mostra portfolio, recensioni, benefici? E questo è.

10. Nativo

Nativo è uno strumento potente per promuovere l'avvio. I modelli di pagine di destinazione di WordPress in base all'argomento utilizzare vari effetti parallasse per spostarsi tra i blocchi semantici del sito. Documentazione estesa e tutorial video aiuteranno gli utenti del NOVIzio CMS a comprendere rapidamente le funzionalità del pannello amministrativo. Plugins Visual Composer, Layer Slider and Slider Revolution Go GRATUITE APP per modello.

11. Saliente.

Saliente è un argomento universale con un design "reattivo", che viene spesso scelto. Le tipografia premium e la scorrimento di pagine di effetti parallasse aiutano a rafforzare l'impressione del prestito. L'ottimizzazione in conformità con il frame rate dei fotogrammi fornisce transizioni di animazione fluidi tra i blocchi di contenuto. Il modello utilizza le dimensioni adattive delle immagini, che contribuisce a caricare rapidamente pagine e salvare il traffico.

12. thegem.

TheGem è un argomento moderno per progetti creativi, SEO ottimizzati e integrati dal layout "reattivo". Il peso ridotto delle pagine, la velocità dei download e il premuroso UX garantiscono prestazioni elevate del modello. Se è necessario promuovere la business con la pagina di destinazione, acquista questo modello è almeno a causa del suo codice SEO-friendly, che fornirà posizioni elevate nell'emissione di Google. In 11 versioni demo esistenti della pagina di destinazione, vengono prese in considerazione le esigenze dei progetti diversi.

Elementi di design per il sito Web su TheGEM sono configurati utilizzando il plugin del compositore visivo. Visualizzazione di una grande quantità di contenuti nei blocchi di atterraggio (portfolio, reviews, servizi) è organizzato tramite il caricamento - automatico o "per pulsante", nonché attraverso il cursore di commutazione. Il modello fornisce 6 opzioni di animazione per il caricamento dei componenti delle sezioni che appaiono durante lo scorrimento del contenuto della pagina di destinazione. Lo sfondo dei blocchi di contenuto può essere video con Vimeo e YouTube o il sistema del sito derivato dal file system HTML5.

13. Marketing PR.

Marketing Pro - Template progettato con occhio conversione, marketing e SEO. Ognuno dei 9 siti demo su di esso è creato tenendo conto delle caratteristiche di una specifica nicchia di marketing. Il design adattivo di atterraggio è un modello stilizzato per i blocchi di organizzazione degli eventi.

Oshine si trova nella parte superiore del più venduto l'orientamento creativo. Questo modello con design eccellente e potente funzionario può essere utilizzato durante la creazione di prestiti per progetti creativi e affari. Cinquanta moduli per la regolazione dell'aspetto del sito, ognuno dei quali è stato accuratamente elaborato, aiuta a ottenere risultati ideali. L'opzione "Annulla / remoto" e la possibilità di configurare i tasti di scelta rapida a determinate azioni semplificano il processo di configurazione.

15. Jevelin.

Jevelin è un modello con un design adattivo premium che facilita la creazione della pagina di destinazione e sui siti di pagina monopale su Wordpress. L'argomento aiuterà a eseguire il progetto in breve tempo. A causa del collettore degli strumenti di sintonizzazione - 9 opzioni per le intestazioni in diversi layout, 40 elementi unici, a ciascuno dei quali è possibile applicare singoli stili, funzionali incorporati per l'organizzazione dei recupi nel social network, 6 soluzioni di stile per la registrazione del regolamento del Sezione del portafoglio - La personalizzazione delle pelli è più veloce che mai.

16. Kalium.

Kalium è l'argomento a cui sono indirizzati i rappresentanti di varie aree professionali per ottenere il sito per promuovere i loro servizi. L'enfasi speciale nella progettazione dei siti di Kalium è fatta sulla tipografia - una biblioteca specializzata per la gestione dei font è responsabile per questo. I font di 4000 caratteri possono essere utilizzati nel modello: Google, Typekit, Squirrel del carattere, premio e personalizzato (Scaricati dall'utente).

17. INBOUND.

INBOUND - Un modello in grado di facilitare la creazione di siti di pagine singole per applicazioni, e-book, corsi video e prodotti simili. La configurazione del design viene eseguita utilizzando un generatore di pagine di atterraggio visivo. Il modello consente anche ogni prodotto promozionale una mini-sezione in formato di atterraggio all'interno di un sito e può essere utilizzato per le sezioni delle categorie di merci in woocommerce.

18. intatto

Intatto è l'argomento con molte opzioni create per aiutare a risolvere le attività commerciali di Internet. Comprende componenti così importanti dei prestiti moderni, come: blocchi " Piani tariffari"E" dipendenti della società ", cursore con recensioni, set di icone tematiche, abbonamento modulo, consulente online.

19. Cometa.

Cometa - modello di pixel completamente adattivo-perfetto sul compositore visivo e. Gli utenti vengono offerti 5 skin per ledding, in cui vengono implementati i seguenti effetti: un cursore per il testo, la parallasse, il video di sfondo - importati con YouTube o HTML5 HTML5, un cursore Zoom animato. I nuovi utenti capiranno facilmente nelle impostazioni del tema quando si crea WordPress Landing Pages - Le istruzioni e lezioni video sono disponibili online.

20. Leadungine.

Tema di Wordpress universale, in cui c'è tutto il necessario per creare un prestito:

• 200 blocchi per "Assembly" in Modelli in qualsiasi ordine;
• adattabilità in qualsiasi fase;
• 35 pagine completamente progettate - puoi semplicemente cambiare testo e foto;
• velocità di carico elevata - 94% più veloce della media.

Gli sviluppi del design possono essere valutati prima dell'acquisto. Color Schemi e Impostazioni stanno cambiando in un editor visivo. Gli autori promettono il supporto in qualsiasi momento.

Lo sviluppatore offre un modello di sito Web in diversi argomenti - dalla costruzione ai servizi veterinari. La pagina di destinazione semplice ed efficace contribuirà a trasmettere ai potenziali clienti i tuoi vantaggi, condizioni di lavoro e altri dettagli necessari. Il design è reattivo, sembra buono su tutti i dispositivi, dai monitor Retina ai gadget mobili. Ci sono plugin per il portfolio, l'orario di lavoro, il calendario, nonché le proprie icone.

22. Incubatore.

"L'argomento ideale per l'avvio", dicono gli autori del loro sviluppo. Facile design minimalistico del 2019 si adatta ai negozi online, alle agenzie di eventi e a molti altri tipi di business di biglietti da visita o ulteriore sviluppo in un progetto più ampio. Incluso:

• designer visivo - i dettagli vengono modificati in modalità online;
• adattabilità mobile;
• Woocommerce: i migliori temi del negozio online del plugin;
• supporto per qualsiasi lingua.

23. PHLOX PRO.

Blank multisarma con una trenta demo, in cui è possibile sostituire il testo necessario. Offrire anche più di 90 modelli per cursori ed effetti, oltre 130 opzioni per le singole pagine. I 9 plugin principali sono inclusi, che saranno utili per promuovere il sito Web dei biglietti da visita o una risorsa più ampia. Tutto questo è a uno sconto, ora puoi acquistare per $ 30. Uno dei modelli di prestito più ricercati.

24. Porto.

Un altro designer multislock per ledging e biglietti da visita. Codice puro con un numero infinito di opzioni per la selezione di heders e piè di pagina senza dover imparare la programmazione. Molti disegni i cui elementi sono facilmente sfidati grazie al plugin "griglia". Facile da girare da una singola pagina in un negozio a pieno regime a causa della ricerca estesa. Il supporto è sempre pronto a rispondere alle domande.

25. Xtra.

Multislock economico e popolare per l'atterraggio, che è diverso:

1. billette di design professionale - solo 55 pezzi;
2. risposta rapida a causa dell'ottimizzazione;
3. configurazione trascinando e goccia;
4. più di 200 blocchi per contenuti;
5. più di 1000 opzioni.

Siti professionali su qualsiasi argomento che è possibile impostare semplicemente il clic e l'uso. Disegni moderni che non "godono" e sembrano freschi e belli.

26. AVE.

"Nuova generazione Multilism", - una dichiarazione audace, ma gli autori parlano esattamente del loro prodotto. Totale per 35 dollari Puoi ottenere:

• 200 atterraggio con un bel design "europeo";
• Moduli di ordine woocommerce e avanzato;
• installazione al minuto;
• impostazioni per portfolio, cursori.

Il plugin Elementor Visual Editor è davvero aggiornato alla versione più recente ed è molto facile da usare.

27. L'ARK.

"Il migliore tra il 9500," dicono gli sviluppatori. Il modello ha fatto una scommessa su persone che non sono mai state impegnate nella codifica. La configurazione del design viene eseguita utilizzando un elemento piano di progettazione visivo, che consente di funzionare in modalità da una a una, non utilizzare le impostazioni di terze parti e utilizzare immediatamente le funzionalità di funzionamento completamente di funzionamento di uno dei 300 modelli. Convenientemente e rapidamente configurato.

28. Amedeo.

Bellissimo sviluppo in una combinazione di colori insolita. L'enfasi è stata resa non solo su un design elegante, perché è proposto di acquistare:

1. plugin woocommerce per il negozio online;
2. plugin Forms Advanced Contact;
3. selezione degli effetti di scorrimento in diverse stilistiche;
4. selezione di animazioni.

Modello WordPress pulito e chiaro per biglietti da visita e shopping online. Nella modalità negozio ci sono impostazioni delle caratteristiche del prodotto, cercano di loro.

29. BOLGE.

Una selezione di graziose ledinanze in un moderno elegante stile piatto. Il disegno manuale degli elementi consentirà di distinguersi e ricordare ai potenziali clienti. Il valore dei plugin e dei widget principali sono inclusi - dall'editor visivo all'effetto parallasse per posizionare lo sfondo o il portafoglio. È possibile configurare una vista diversa nella versione desktop e mobile, il valore predefinito è l'adattabilità.

30. Makoto.

Diverse decisioni per designer, fotografi, artisti. I preset utili per la pubblicazione del portafoglio proteggerà dalla copia, caricano come viene visualizzato l'utente, che salva il tempo di download. Easy download video. C'è un'opzione per il blogging. Elementi pressati per collocamento infografica. Il costruttore visivo configurerà facilmente tutti i dettagli.

32. Paesaggistica

Gli sviluppatori hanno fatto un interessante design "verde" per i servizi di giardinaggio, l'orticoltura ed ecologici. Tuttavia, il pezzo può essere applicato per altri scopi. Belle icone, pulire i caratteri Google, l'eccellente risposta e l'aspetto, compreso, sui dispositivi retina, uso medio diffuso degli argomenti.

33. crowdmerc.

Fatto sotto l'ultima versione di WordPress. Il modello è costantemente aggiornato. Viene fornito per la funzionalità per il negozio online a spese di un comodo plug-in miglioramento della ricerca e dell'ordine. Ci sono anche preset per eventi, date del calendario e record. Elementor viene utilizzato per creare nuove pagine. Supporta eventuali plugin aggiuntivi.

34. Creedence.

L'argomento creativo "musicale" sarà ricordato dai visitatori con un design luminoso e il proprietario del sito si interesserà:

• sviluppo per prestazioni e pagine interne - una possibilità illimitata di sviluppo delle risorse;
• installazione in una stampa;
• configurazione di wysiwyg;
• la possibilità di aggiungere musica, video, effetti del cursore.

36. Istruzione

L'educazione è una versione potenziata dei vecchi argomenti di eLearning con UX più avanzato ed è destinato alle risorse di Internet educativo: corsi online e siti di istituti educativi. Il modello ha un design accattivante e fornisce una funzionalità esaustiva richiesta per il processo educativo.

37. uno.

Uno è un argomento creativo per creare prestazioni con un'enfasi sulla promozione del prodotto. Il modello del modello è realizzato su HTML5 e Bootstrap 3, il modulo MailChimp e il modulo di contatto 7 può essere integrato con esso. Molti progetti simili sono stati studiati dagli sviluppatori di temi UX, con il risultato che gli utenti hanno ricevuto una parola già pronta premere LANDPRESS Modelli in cui ci sono tutti strumenti importanti per progetti aziendali.

38. Totale.

Totale - Adatto per molti modelli di progetti. Durante la creazione di pagine su di esso, viene utilizzato: il metodo di trascinamento, schemi di colore illimitati, personalizzazione in tempo reale, cursori premium facili da usare. Tra i temi dei siti DEMO presenta modelli di pagine di LEDDING per 11 diversi progetti.

39. Stoccolma.

Stoccolma è incluso nella parte superiore 30 più venduti durante l'esistenza di modelli WordPress. Quando si lavora con l'argomento, è consentito impostare la combinazione di colori per l'intero sito o i suoi singoli elementi, per applicare uno dei 600 caratteri Google, combinare le opzioni e i blocchi di diversi siti demo. Gli utenti che hanno bisogno di una soluzione di progetto di business pronti può scaricare modelli di pagina di destinazione, installandoli immediatamente dalla sezione del costruttore del sito.

Un'altra versione della demo:

40. Massive dinamica.

Più di 70 widget con cui il tuo prestito sarà unico e moderno. I font di Google, Infographics, Adattamento al CEO, Clean Code, creando un portfolio conveniente è solo parte dei vantaggi di questo modello. La Lenda, nel senso letterale, può essere raccolta letteralmente come mosaico, resistenza ordinaria e goccia. Nella pagina Descrizione, è possibile vedere esempi visivi.

Quando si visualizzano i siti demo, voglio usarli tutti.

Per gli affari, l'uso del prestito è diventato una delle soluzioni più semplici e redditizie. Strumento popolare per la creazione di tali siti Pagina di atterraggio in acciaio Modelli di wordpress. Si basano su un "sistema di coinvolgimento" ben ponderato e potente per la trasformazione del traffico nel reddito.

Loro offrono:

1. progettazione integrata della pagina;
2. browser cross-browser e layout adattivo che garantiscono la copertura del pubblico di maggiore cliente;
3. design professionale verificato;
4. aggiornamenti gratuiti durante un periodo illimitato.

50+ Modello di pagina di atterraggio premium su WordPress

Modello del ponte

Modello con tipografia di alta classe, inclusa nei migliori argomenti creativi. Plugin gratuiti nel tema: compositore visivo, dispositivo di scorrimento del layer, orario, compositore visivo. Ponte ha incluso una vasta collezione di cortonelli - dai blocchi strutturali di base per infografica interattiva e elementi dimostrativi avanzati, come le barre di avanzamento verticali.

1. Motor show.

Il sito ha offerte vantaggiose, modelli automatici, piani tariffari del servizio. Un'attenzione particolare è attratta da un cursore con parallasse e un cursore verticale.

Atterraggio per uno psicologo privato, attraverso il quale è possibile vendere i libri dell'autore. La forma di abbonamento elegante aiuta a ricostituire la base del cliente.

3. Dentista, dentista

Pagina di destinazione in toni bianchi brillanti con informazioni sui servizi e il sistema di bukping integrato.

4. Animali

Sito web del sito demo per animali con un catalogo di reparti e funzionalità di raccolta delle donazioni.

Nelle pagine del modello puoi vedere i blocchi con un programma di eventi della Chiesa e storie dei parrocchiani. Il sito sta ricevendo contributi online.

6. Atterraggio dei mobili

Pagina di atterraggio nella combinazione di colori leggeri. Utilizza un feedback del cursore, contatori con animazione.

7. Sito personale del fotografo

Sito del portfolio in bianco e nero. Il contenuto principale della pagina principale è un cursore orizzontale in schermo intero e menu di navigazione.

8. Business, Startup

Il sito demo per un progetto di business applica gli effetti di scorrimento che sono così amati dai moderni modelli di pagine di atterraggio e familiari a slider e grafica WordPress.

9. Yoga.

Semplice pagina singola per lo studio yoga. Tra i suoi componenti è un blocco con indicatori di risultati e un grande cursore nell'intestazione.

Atterraggio in bianco e nero con blocchi tematici di "direzioni di formazione", "Programma di classi", "Composizione di coaching".

11. Viaggio

Demo per il portale turistico. Nella sua parte superiore c'è un ampio banner con testo pop-up, il menu cambia colore durante lo scorrimento.

12 ore

Atterraggio per dimostrare l'orologio Elite utilizza un sacco di foto e sfondo di parallasse. Diagramma di colore delle pagine - bianco con inserti grigio scuro.

13. Agenzia digitale

Il design semplice del sito contiene un'animazione minima - cambiando il colore del menu principale che si trasforma in schermo intero, blocchi con sfondo parallasse.

14. BUSINESS.

Un piccolo sito aziendale con un grande cursore nel "Cap". Come simili modelli di pagine di atterraggio effettuati su WordPress, questa pagina di destinazione utilizza il layout "Larghezza schermo intero".

15. Musica

Sito web per il musicista rock, rendendo la concentrazione principale sulle attività turistiche: i blocchi di grandi dimensioni utilizzano foto di concerti come sfondo, vengono visualizzate le ultime voci del blog.

Modello Betheme.

Il modello popolare, le principali proprietà di cui sono "reattività" del design, compatibilità retina e versatilità. La scelta dell'utente è presentata 2 costruttori visivi - Muffinbinbuilder e compositore visivo, così come Plugin per cursori di rivoluzione del cursore, cursore del layer.

I seguenti modelli pronti della pagina di destinazione sono creati su Betheme:

16. Sushi.

Demo per sushi bar. Il contenuto principale del sito si trova su uno sfondo chiaro nel telaio del menu grigio scuro e il futur. Il banner superiore e il cursore dei piatti del menu ti consentono di dimostrare le novità della gamma.

17. Salone spa.

Sfondo bianco con testo di contrasto dell'unità principale offre una buona leggibilità. Elementi ausiliari - tappo, laterale sinistra, il punto d'appoggio è realizzato in una gamma blu scuro morbida. La pagina di scorrimento è accompagnata da Parallax Dislocagement Background.

18. Birra.

Pagina di atterraggio Wordpress per birreria locale. La pagina è decorata in toni marroni con una macinazione di verde. Durante lo scorrimento, è possibile osservare l'impressionante effetto parallasse.

19. Portfolio artista / illustratore

Un modello elegante, la cui decorazione del colore è costruita su sfumature di grigio. La parte superiore della pagina è stilizzata sotto il posto di lavoro con il software, che può essere abilitato e un computer.

20. Barbershop.

Sito professionale del salone del barbiere in gamma bianca-marrone. Il suo design vale la pena notare: un grande cursore con testo pop-up, un listino prezzi con schede commutabili, un curriculum di dipendenti, un modulo di registrazione online.

21. Aquapark.

Modello in tonalità luminose di giallo, bianco e blu per il sito del parco acquatico, spiaggia paga, piscina. Nelle sue pagine, le FAQ a discesa, la Galleria in muratura, una mappa interattiva, un pannello con un ricorso di acquisto.

22. HR.

Il sito dell'Agenzia del personale, stagionato in stile business. Il colore principale delle pagine, verde, è integrato con blocchi di sfumature grigie e bianche. La demo ha pulsanti per andare alle pagine con informazioni dettagliate, la sezione della presentazione dei servizi con video.

23. Profumo

Modello con il design "Air" in toni rosaistri-lilla. Adatto per il sito della società MLM o la pagina personale dell'agente impegnata nella promozione dei cosmetici di rete Faberlic, Avon e marchi simili.

The7 Modelli.

Tema di WordPress Adaptive Universal integrato con il costruttore di pagine di compositore visivo e il plugin finale dei componenti aggiuntivi. Tra i suoi siti demo può essere trovato e scaricare il modello per la pagina di destinazione, il cui compito è attirare i clienti e migliorare la conversione di una risorsa web. Il design dei tavoli Vai prezzi, la rivoluzione del cursore, il convertplug, il cursore del layer è integrato nel modello.

24. Piccolo negozio online

Negozio online di snack biologici. L'atterraggio contiene un cursore di prodotti, un blocco con una descrizione dei suoi vantaggi, carte degli ingredienti, recensioni dei clienti.

25. Atterraggio - Vendita di libri

Questo modello di pagina di destinazione "riparazione e costruzione" introduce servizi, partner e dipendenti della società, inviando informazioni attraverso cursori e sezioni con le carte.

27. Psicologia

Demo per una clinica di consulenza psicologica. Il design tranquillo del sito ha un cliente e fiducia nel consulenza di esperti.

28. Formazione della pagina di destinazione, conferenza

29. Negozio di abbigliamento online

Sito web di abbigliamento con tema leggero e elementi decorativi blu scuro (menu, pulsanti, piè di pagina). I componenti principali delle pagine sono un cursore con banner animati e carte di merci.

Modello Ronneby.

Il modello di maggiore prestazione, oltre al set di plug-in e moduli, dotato di un pannello di opzioni infinito. Utilizza il cursore Premium Plugins Revolution, il compositore visivo. Supporto attivo per l'argomento, la disponibilità di manuali video e di testo ne rendono una buona opzione per coloro che comprano un modello di atterraggio paige per la prima volta.

30. Web Studio.

Il design contiene bianco, grigio e marrone. Un elemento memorabile è un cursore da campioni di portafoglio con più schede.

31. Ristorante

I componenti più spettacolari della demo sono un'unità di menu del ristorante con prezzi e una sezione video, al cui screensaver quando lo scorrimento viene utilizzato da Parallax Offset.

32. Portfolio creativo

Il sito è quasi completamente costituito da una foto, quando si passa il mouse per il quale viene visualizzato un collegamento con il nome del progetto. L'icona "Hamburger" distribuisce un menu a schermo intero.

L'atterraggio promuoverà i servizi di fitness club, presentando il proprio team ai potenziali clienti e programmi di formazione rinfrescanti. Migliora la fiducia in azienda aiuta un contatore di indicatore di successo animato.

34. Una pagina con effetto a scorrimento 3D

Durante lo scorrimento delle pagine delle partizioni del mouse si sostituiscono, occupando completamente lo schermo. L'ultimo "foglio" visualizza il modulo di contatto.

35. Applicazione mobile

I blocchi grafici di sfumature grigio scuro e grigio chiaro descrivono i vantaggi del software pubblicizzato. Il cursore mostra gli screenshot sulla schermata del telefono virtuale.

36. Agenzia di modello

La pagina è divisa in 2 parti - testo e foto. Durante lo scorrimento, il contenuto cambia: si alza il lato sinistro, il desk-scende, mentre il testo e il contenuto di foto si alternano.

Thegem.

Modello universale per progetti progettati per prestazioni elevate. L'argomento supporta la modalità multilizzatore e RTL. I siti DEMO su TheGEM includono modelli adattativi della pagina di destinazione. Come regalo al modello, il costruttore del compositore visivo e i plugin responsabili per i cursori adattivi sono layerslider, NIVOSLider, Slider Revolution.

37. Agenzia creativa

Sito di studio creativo. La gamma di pagine di colore grigio scuro è diluito da blocchi di colori chiari. Il menu multilivello semplifica la navigazione, il punto d'appoggio esteso contiene feedback e moduli di abbonamento.

38. Prodotto / prodotto di atterraggio

Progettato per creare una risorsa Web dedicata alla presentazione di un prodotto separato o serie di prodotti. Il menu cambia colore durante lo scorrimento, sulla pagina ci sono una visualizzazione animata di elementi e sezioni con uno sfondo di video.

39. Biglietto da visita del sito Web per l'applicazione

Pagina singola per il progresso del software. Le voci del menu in alto spostano il visitatore sulle sezioni della pagina. Un elemento interessante del sito è un cursore da screenshot, uno per uno che regola lo schermo del telefono cellulare.

Soggetto Pagina di destinazione Loop ai fori. Almeno un boom sull'atterraggio di un piccolo verso, ma anche le pagine di destinazione sono richieste. Sono lanciati tutti a qualcuno non troppo pigro, anche se per le loro nicchie nel mondo degli affari è chiaramente un atto perdente. Qualcuno lo fa solo per giocare, ma qualcuno per guadagnare denaro. Ma non è così importante quali obiettivi che hai ossessionante, è importante che tutti abbiano bisogno di sviluppare una pagina. Qualcuno ordinerà dai professionisti, e qualcuno per una ragione o l'altro inizierà a creare la sua pagina di destinazione stesso. Solo per il secondo e dedicato a questa selezione.

Persone che hanno deciso crea un sito per te stessopuò iniziare lo sviluppo da zero e può e utilizzare pronti, perché non hanno bisogno di conoscenze speciali da sviluppare. Ci sono abbastanza conoscenze di base di HTML e CSS, quelle a scuola insegnano. Inoltre, la domanda sorge. Utilizzare pagato o gratuito? Certo, il pagamento sarà molto meglio e probabilmente mostrerà conversioni più elevate. Il libero sarà meno bello, meno lavorato in termini di marketing, layout e design.

Questa selezione è composta da appena da aT PULITO HTML per creare la pagina di destinazione. Inizialmente, la selezione consisteva in 40 posizioni, ma svegliarsi al mattino e guardando questi modelli con un aspetto fresco, ho deciso di rimuovere la maggior parte del modo, dal momento che era, francamente, spazzatura e la spazzatura su Internet e così pieno. Sono rimasti solo i modelli più degni, su cui puoi costruire almeno. Nella selezione inserita modelli di atterraggio Una varietà di argomenti, ma per qualche motivo, LP è dominato per applicazioni mobili. Si sono rivelati i più qualitativi.

In precedenza, abbiamo già effettuato una selezione di modelli di pagina di destinazione gratuiti. Sono stati affilati sotto un certo argomento. Questa volta ho deciso di fare una squadra all'argomento, non correlato a qualsiasi direzione.

Altre collezioni di modelli HTML gratuiti Pagina di atterraggio:

A proposito. Se tu, per qualche motivo, vuoi tirare questi modelli sul motore WordPress, quindi su questo argomento ho fatto una selezione di plug-in per creare una pagina di destinazione su Wordpress. Puoi provare a usarli. Forse questo risparmierà significativamente il tempo. Sebbene, personalmente, non vedo molto senso, perché per LP semplice c'è abbastanza HTML puro.

Così. Alla vostra attenzione 20 Pagina di atterraggio di modelli HTML gratuiti.

APPI - Modello con video sfondo

Un altro modello di modello di atterraggio per un'applicazione mobile con un video di sfondo a schermo intero. A differenza di un modello con uno sfondo di video, che verrà mostrato di seguito, questo molto meglio, anche se è affilato a temi specifici.

Bukku.

Modello HTML gratuito per creare Pagina di atterraggio sulla vendita di libri. Realizzato nello stile di appartamento nei toni verdi. C'è qualche animazione divertente.
Lo sviluppatore prevede anche fonti di download gratuite in formato PSD.

Pagina di atterraggio per il caffè

Pagina di atterraggio su HTML Caffè in vendita. La progettazione e l'implementazione del layout sono molto interessanti. C'è un'animazione di elementi durante lo scorrimento della pagina. Tutto è eseguito in colori tenui. Perfetto per le organizzazioni che vengono consegnate dal caffè. Tuttavia, questo modello può facilmente rifare sotto il soggetto, sostituendo le immagini.

Atterraggio zero - Atterraggio con sfondo di sfondo

Modello HTML gratuito con video sfondo Argomenti universali Adatto per creare un portafoglio di freelancer di qualsiasi specializzazione, sia che si tratti di fotografo o designer.
In generale, i modelli gratuiti con il video di sfondo sono difficili da trovare. Quindi scarica.
Il video nella prima schermata può essere sostituito con il tuo, e se no, puoi scaricare su un video gratuito. Elenco dei materiali video con video legali che ho portato prima.

Impegnarsi.

Un altro universale. pagina singola adattativa su bootstrap. La pagina è adatta per una semplice presentazione del prodotto. La struttura assomiglia a una pagina di presentazione dei prodotti Apple.

Pagina di atterraggio per caffetteria o ristorante

Il familiare per il normale runet utente modello di pagina di atterraggio gratuito con forma di acquisizione Nella prima schermata. È affilato per la creazione della pagina di imbarco del bar, ristorante, caffetteria o qualcosa di argomento culinario. Utilizzando il modulo di domanda, è possibile prenotare una tabella al momento specificato.

Oleose.

Altissima qualità, adattabile, gratuito, ma di nuovo per un'applicazione mobile. La pagina di destinazione è implementata sul framework Bootstrap. Ha tre schemi di colore: blu chiaro, verde chiaro e viola. Tuttavia, non è così strettamente affilato sotto i suoi argomenti, rispettivamente, è possibile remarsi facilmente sotto il necessario.

PRENDERE - SINGLE PAGINA GRATUITA

E ancora il prossimo modello HTML a pagina singola gratuita per applicazione mobile. Tuttavia, il suo design è molto interessante e insolito. Vorrei anche dire, unico. La maggior parte dei visitatori non sono gli sviluppatori di applicazioni mobili, quindi devi ripetere tutto sotto il soggetto.

Cibo di cibo

Modello Single HTML5 gratuito per creare una pagina di destinazione Caffè, ristorante o qualche tipo di ristorante. Modello con immagine di sfondo a schermo intero e effetti parallasse.
Ci sono blocchi come: menu, eventi più vicini, recensioni dei clienti e set standard di blocchi, in cui è possibile posizionare i vantaggi, ecc.

bianca

Considerò questo modello come un determinato quadro HTML per creare una pagina. Non è affilato per nessun soggetto, quindi tutto è nelle tue mani. C'è supporto per il video di sfondo a schermo intero. Inoltre, ha un set standard di blocchi, tipico di un singolo-tunnor.

Cyprass.

Il modello è adatto per creare una pagina di destinazione di alcune società digitali: Web Studios, squadre freelance o simili. Ha tutte le risorse necessarie per questo: un portafoglio con un filtro per il lavoro, vari grafici circolari, schede, slider ... Inoltre, supporta il video di sfondo nella prima schermata.