Arrière plan et emplacement de lamp;rsquoimage. Les deux cartes chevauchent la partie suivante et, vu damp;rsquoen haut, il samp;rsquoagit damp;rsquoun terrain de basket ball plus stylisé, conçu de la même façon que les deux cartes précédentes. Damp;rsquoautres cartes suivent cet exemple et introduisent une grande colonne de texte. Cette section comprend un formulaire de contact et une liste des collaborateurs. Le billet de blog introduit une flèche stylisée qui samp;rsquoagrandit lorsque Défilez. La Section Blog Guide également les lecteurs vers le formulaire de connexion.
Accès au site Web 5. Assurance tampon Le site est présenté par Sean Turner. Le site utilise pleinement les couleurs et les images. La section héros affiche deux images de fond. Le côté plus grand a une couverture bleue et le côté plus petit a une couverture verte. Lamp;rsquoimage de premier plan est située à lamp;rsquointersection des deux et est placée sur un fond bouclier. Le CTA est de lamp;rsquoautre côté. Lamp;rsquoavant plan comprend également des formes dans les modèles affichés dans tout le site. La section suivante montre les services dans de grandes boîtes de la même conception. Les deux sections suivantes affichent des bords hauts damp;rsquoun côté et des images de lamp;rsquoautre côté sur une image de fond avec une couverture blanche ou bleue alternativement. Introduction affiche les puces. Ces images utilisent le même bouclier que la section héros. Le curseur Full Width post affiche le titre et le texte du dernier post. Il comprend également un menu surdimensionné avec des liens texte.
Accès au site Web 6. Collie. Le site est présenté par Anthea A. ancalade. La section héros affiche une image de fond en plein écran avec une boîte de recherche au milieu pour sélectionner lamp;emplacement ou utiliser lamp;emplacement actuel. Le service est affiché dans lamp;rsquoimage à côté de la LTC, y compris le titre et la superposition. Les styles caractéristiques sont affichés dans lamp;rsquoéquipement coulissant
6 colonnes, y compris lamp;rsquoimage, le titre, lamp;rsquoétoile et la position. Le curseur se compose de flèches et de points de navigation. En cliquant sur lamp;rsquoun de ces styles, accédez à la page produit pertinente. Le nouveau style apparaît dans 6 colonnes sans curseur. La section blogs affiche les deux derniers messages et insère un lien sous le message pour voir plus sous la ligne. Le tutoriel blog est divisé en trois colonnes et est conçu de la même façon. Il comprend également un flux Instagram de 6 colonnes et 2 lignes et un pied de page avec un formulaire de courriel élégant.
Accès au site Web 7. Impression Le site est fourni par Eugenia janakow. Utilisez beaucoup de jaune gras à lamp;rsquointérieur du dessin. Les titres sont créés comme samp;rsquoils étaient faits à lamp;rsquoaide damp;rsquoune machine damp;rsquoétiquetage, de sorte que lamp;rsquoarrière plan noir et le texte blanc ressemblent à 3D. Le CTA est placé au milieu du menu. La section héros affiche un écran de segmentation avec CTA à gauche et image à droite. CTA utilise des graphiques peints à la main qui sont animés lorsque faites défiler et déplacez la souris. Pour en savoir plus, consultez lamp;rsquoinformation sur le propriétaire du site Web. Jamp;rsquoaime particulièrement la partie témoin. Consultez les commentaires de Google, y compris les cotes damp;rsquoétoiles et les images cliquables, pour accéder à la page damp;rsquoinformation. Les services sont affichés dans lamp;rsquointroduction, y compris les grands dessins peints à la main. Les blogs utilisent des balises jaunes pour les méta éléments et les formulaires de contact utilisent des balises jaunes pour lamp;rsquoarrière plan de toute la section.
Accès au site Web 8. Artisans de la jungle Le site a été présenté par mon taramo. La section héros affiche une image en plein écran avec le thème au milieu. Au rez de chaussée se trouve une pancarte avec les boutons CTA et social. Plusieurs sections de pleine largeur suivent une conception similaire. Chaque section a un s
Les séparateurs dentelés sont parfaits pour ce genre. La section suivante affichera une grande image pour obtenir des informations sur le texte et les icônes contenus dans la superposition. La plupart ont un fond foncé ou sont fusionnés avec un fond foncé. Lamp;rsquoun damp;rsquoeux montre la couverture et le texte du livre. Le dernier billet de blog affiche le billet comme une carte avec une ombre de boîte. Le pied de page affiche le nom du produit, lamp;rsquoimage, lamp;rsquoétoile et le prix. La page du cours suit la même conception et ajoute un compteur à rebours et un commutateur de style.
Accès au site Web 9. Kwalt digit Le site est fourni par Nicolas peigner. Il y a beaucoup damp;rsquoanimations intéressantes, de styles de texte, de graphiques et de flèches sur le site. Le jaune est utilisé comme couleur de marque et est utilisé de façon créative. La section Hero affiche le texte damp;rsquoun côté et a un effet de type. Voici un diagramme à barres qui énumère les services. Il y a plusieurs graphiques indépendants sur le côté droit qui survolent et répondent au curseur. La section suivante affiche un titre avec des graphiques animés damp;rsquoun côté et un CTA simple de lamp;rsquoautre. Le dernier travail suit ce principe et présente lamp;rsquoécran de travail sur un fond de couleurs et de motifs différents. Dans la section explication des avantages, utilisez lamp;rsquoicône bicolore pour mettre de côté les marqueurs. Lamp;rsquoautre côté est une image qui guide le lecteur vers lamp;rsquointrigue. Placez un simple curseur de témoignage sur fond gris foncé pour le mettre en évidence.
Accès au site Web 10. Exploration Le site est fourni par ava charpentier. La couleur de la marque est disponible en plusieurs couleurs brunes. Lorsque Défilez, la barre supérieure disparaît, le logo chevauche le titre et une partie du héros, et le titre contient une animation lorsque déplacez la souris. Lamp;rsquoimage principale affiche le titre, la description et les boutons de commande. Placer une autre image
Une fenêtre qui est considérée comme une image héroïque dans une vraie parallaxe. Les informations sont affichées sous forme de Blurb avec des graphiques personnalisés. Le produit est affiché en couleur de fond derrière le Haut de lamp;rsquoimage du produit. La section blogs utilise un fond similaire. Le CTA qui lit les informations de lamp;rsquoentreprise affiche du texte damp;rsquoun côté et des images de lamp;rsquoautre. Les témoignages sont présentés sous forme de cartes, avec des citations en haut sur fond blanc et des noms en bas sur fond brun clair. Le site comprend également un flux Instagram et un pied de page personnalisé avec une animation de curseur de souris.
Accès au site Web fermeture ce sont les 10 premières soumissions que nous avons soumises au site Web communautaire Divi en juin. Ces sites sont excellents et nous tenons à remercier, comme toujours, pour votre contribution! souhaitez que votre design soit pris en considération, envoyez immédiatement un e mail à notre éditeur à Nathan, à lamp;rsquoadresse élégante thème Web. Assurez damp;rsquoinclure la soumission du site Divi dans la ligne sujet du courriel. Nous aimerions également entendre vos commentaires! Dites nous ce que sur ces sites et samp;rsquoils font quelque chose, voulez que nous apprenions sur le blog. Images caractéristiques prises par domonku shutterstock. Com
Divi Design presentation: New Proposal for June 2020