Hervatten en contacten CSS-sjabloon

Het blok voor cv en contactgegevens introduceert een persoon via een warme beige profielbanner, een rond monochroom portret en persoonlijke tekst in het bovenste gedeelte. Een afzonderlijk wit gedeelte eronder verdeelt de inhoud in een smallere contactkolom en een bredere biografiekolom. Het contactgedeelte bevat een kop en twee regels voor telefoonnummers, terwijl het biografiegedeelte één alinea bevat onder een over-mij-kop. Ruim gespatieerde koppen en contrasterende achtergronden helpen om de persoonlijke introductie te onderscheiden van de ondersteunende informatie.

De beige banner en het ronde portret bepalen de stijl van het profiel

De warme beige banner geeft de profielintroductie een duidelijk visueel vlak voordat het onderste informatiegedeelte begint. Het ronde monochrome portret staat naast de profielnaam en subtitel, waardoor een compacte visuele eenheid ontstaat in plaats van de introductie te spreiden over meerdere losse elementen. De grote naam in een scriptlettertype zorgt voor een opvallend typografisch accent, terwijl het portret een duidelijk visueel middelpunt vormt voor het individuele profiel.

Onder de banner verandert het witte inhoudsgebied het visuele ritme en gebruikt het een indeling met twee kolommen om praktische contactgegevens te scheiden van de langere persoonlijke context. De smallere linkerkolom bevat de contactkop en twee regels voor telefoonnummers, zodat die gegevens gemakkelijk vindbaar blijven zonder te concurreren met de biografie. De bredere rechterkolom bevat de over-kop en één alinea, waardoor de beschrijvende tekst meer horizontale ruimte krijgt.

Als CSS-template laat dit blok zich het best begrijpen aan de hand van de stijlverhoudingen binnen de sectie: beige tegenover wit, een ronde beelduitsnede tegenover rechthoekige inhoudsgebieden en ruim gespatieerde koppen tegenover de dichtere alinea van de biografie. Deze eigenschappen kunnen worden aangepast aan een omliggend visueel systeem, terwijl de structuur van profiel, contact en biografie van het blok behouden blijft.

Personaliseer met Nicepage

Wanneer u CSS-sjabloonbouwer gebruikt, kunt u kleuren, lettertypen, koptekst en tekst, lay-out, kolommen en andere ontwerpelementen, evenals inhoud en afbeeldingen aanpassen.

Downloaden

Bewerk sjabloon offline

1. Download en installeer de Nicepage-applicatie voor Windows en Mac. Of WordPress- en Joomla-plug-ins van de downloadpagina
2. Maak een nieuwe pagina of selecteer een bestaande
3. Klik op Nieuw blok toevoegen, zoek naar id 154553 en klik op Enter

Sjabloon online bewerken

Start Online Builder deze sjabloon op onze hosting

Maak geweldige websites

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Gratis Nicepage Builder

Meer dan 15.000 sjablonen

Eenvoudig slepen en neerzetten

Geen codering

Mobielvriendelijk

Sleutelwoorden

Deze sjabloon aanpassen met CSS

Paginaspecifieke styling beheren

Pas het uiterlijk van deze kant-en-klare sjabloon rechtstreeks aan in de Nicepage-editor. Pas typografie, afstand, achtergronden, randen, kleuren, positionering en andere stijleigenschappen aan met behulp van visuele bedieningselementen. Houd de pagina-indeling eenvoudig te beheren zonder handmatig CSS te hoeven schrijven.

Aangepaste CSS toevoegen indien nodig

Voor stylingvereisten die verder gaan dan de standaardopties van de editor, kunt u Aangepaste CSS gebruiken om gerichte regels toe te voegen. CSS kan worden toegepast op individuele elementen, specifieke pagina's of de gehele website, afhankelijk van de omvang van de aanpassing. CSS-klassen kunnen worden gebruikt om aangepaste regels te koppelen aan geselecteerde elementen.

Minimale CSS per pagina exporteren

Voor projecten waarbij CSS-grootte en paginaprestaties belangrijk zijn, kan Nicepage minimale CSS per pagina exporteren. In plaats van te vertrouwen op één grote, algemene stylesheet, kan elke pagina een apart CSS-bestand gebruiken dat alleen de stijlregels bevat die voor die specifieke pagina nodig zijn. Volgens de documentatie van Nicepage kunnen deze paginaspecifieke CSS-bestanden tot wel tien keer compacter zijn, waardoor onnodige CSS wordt verminderd en de laadsnelheid van de pagina verbetert.

Deze workflow combineert visuele styling met optionele aangepaste CSS en geoptimaliseerde paginaspecifieke CSS-output. Dit geeft je extra controle wanneer een project dat vereist, zonder dat handmatige CSS-bewerking de belangrijkste manier wordt om de template aan te passen.