O plugin WP WP-Recall se estende com complementos de terceiros. Desmontamos este momento.

Há uma categoria separada de complementos WP-Recall: - siga o link para o catálogo de complementos e confira os modelos disponíveis (tanto os modelos gratuitos quanto os modelos VIP e LC premium são apresentados lá).

Modelos de conta pessoal - uma solução pronta que representa a conta pessoal (PC) do usuário no wp de uma maneira completamente diferente. Muitos plugins apresentam as contas pessoais dos usuários sem a possibilidade de simplesmente alterar sua aparência - no WP-Recall esse problema é resolvido simplesmente alternando no painel de administração.

Você pode facilmente implantar a conta pessoal do autor em seu site WordPress - leva apenas alguns cliques.

No este momento O pacote básico do plug-in vem com 2 complementos gratuitos - modelos de conta pessoal: Sunshine e Grace. Estes são modelos de conta pessoal responsivos (desde que seu tema wordpress seja responsivo). Eles proporcionam ao usuário um uso confortável do gabinete tanto em um PC quanto em tablets ou dispositivos móveis. O menu da guia é convenientemente agrupado e oculto no conhecido "hambúrguer" - um ícone, clicando no qual você obtém menu móvel. Nesse caminho, um grande número de guias na conta pessoal não quebram o modelo de gabinete, fornecendo uma interface de usuário conveniente.

Instalando um modelo de conta pessoal, ativando-o e atualizando-o:

Instalando um modelo de conta pessoal: não é diferente de instalar o novo complemento WP-Recall.
Vá para o painel de administração: "WP-Recall" -> "Modelos" e em "Baixar complemento para WP-Recall em formato .zip" selecione o arquivo zip do complemento de modelo de conta pessoal e faça o upload para o servidor.

Ativação do modelo de conta pessoal:- Você pode ativar apenas um modelo de conta pessoal por vez. Para ativá-lo na página "WP-Recall" -> "Modelos", aponte para o modelo desejado na lista e clique em "Conectar"

Atualizar os modelos de terceiros são produzidos da mesma forma que os complementos de terceiros - trabalho com o qual foi desmontado no 1º capítulo. Os modelos base são atualizados quando o plug-in é atualizado.

A estrutura principal dos modelos de conta pessoal:

É claro que uma correspondência de 100% depende do modelo usado, mas como regra, a estrutura do gabinete é:

Na área superior, os modelos registram sua barra lateral (no painel de administração: "Aparência" -> "Widgets") - ou seja, você pode colocar qualquer código de acesso, texto ou outros widgets lá.
Nas áreas: ações, contadores e menu, os add-ons exibem seus botões, e na área de menu, os botões, ao transbordarem, somam-se ao "menu mobile". No meio da conta pessoal há uma área de conteúdo da conta pessoal - esta também é uma zona da barra lateral para widgets.

E no porão da conta pessoal, você também pode ver sua área de widget cadastrada.

Assim, sem programação, podemos complementar a conta pessoal do usuário com as informações de que precisamos - basta marcá-la por meio de widgets.

Personalização do modelo de conta pessoal:

Se as áreas do widget não forem suficientes para você, você pode complementar o modelo de conta pessoal com suas próprias áreas ou ajustar o layout da conta por conta própria.

Falei sobre a funcionalidade dos modelos WP-Recall (modelos, não confundir com modelos de contas pessoais) no primeiro capítulo.
Então: você pode alterar o modelo de conta pessoal, se precisar alterar algo no layout - estude o guia "Usando a funcionalidade de modelos no plug-in WP-Recall. Lista de modelos". Na pasta de modelo de conta pessoal há um modelo office.php - copie-o por um caminho seguro e faça as alterações lá. Portanto, você não os perderá ao atualizar o plug-in e os complementos dos modelos de conta pessoal.

O plugin WP-Recall tem ganchos e filtros - mas não abordaremos questões de desenvolvimento neste livro para iniciantes.

Contas pessoais da versão básica do plugin:

DENTRO versão básica O plugin vem com 2 modelos de complementos de uma conta pessoal. Estes são Sunshine e Grace. Considere suas características e aparência:

Modelo de Painel WP-Recall Sunshine

A aparência do modelo "Sunshine"

O modelo permite ao usuário definir uma imagem de capa no cabeçalho do modelo (ícone no canto superior direito), definir um avatar (ícone na área do avatar), exibir um bloco de informações sobre o usuário (ícone "I" no topo do o avatar, "Informações detalhadas"):

As informações do usuário contêm: ampliação do avatar, status (descrição) e campos de perfil, que são incluídos para exibição no gerenciador de campos de perfil para outros usuários.

O modelo de painel registra suas três áreas de widget: RCL: barra lateral de conteúdo da conta, RCL: barra lateral acima da conta e RCL: barra lateral abaixo da conta. Procure no painel de administração: "Aparência" -> "Widgets"

O modelo permite exibir botões da área do menu nas visualizações vertical e horizontal (configuração no painel de administração: "WP-Recall" -> "Configurações" -> "Configurações gerais" -> "Colocação de botões para exibição de guias" ).

Os botões horizontais serão recolhidos no menu móvel ao transbordar:

Ao clicar no ícone "hambúrguer", você verá o restante dos botões em sua conta pessoal:

A cor dos botões é controlada através das configurações gerais: "WP-Recall" -> "Configurações" -> "Configurações gerais" -> "Design" -> "Cor principal" - para que você possa personalizá-los para combinar com a cor do seu site.

Na versão básica do plugin, a conta pessoal do autor permite exibir:
1. chat (correspondência em mensagens privadas)
2. exibir configurações de perfil (preencher campos de perfil arbitrários) - o usuário pode preenchê-los sem ir ao painel de administração (wp-admin).
3. exibir grupos criados
4. realizar a retirada mensagens wordpress este autor
5. exibir o formulário de postagem
6. pedidos criados na loja online com base no complemento gratuito do Commerce
7. exibir uma lista de tópicos de fórum criados (complemento PrimeForum)
8. exibir detalhes da classificação do usuário
9. exibir uma lista de assinantes e assinaturas de outros autores
10... guias arbitrárias criadas pelo administrador no admin

O design adaptável do gabinete permite que eles sejam usados ​​de maneira igualmente conveniente tanto em um PC quanto em tablets e telefones celulares:

Modelo de conta pessoal WP-Recall Grace

O modelo Grace fornece os mesmos recursos de conta pessoal que o Sunshine (com exceção: botões para exibir guias de contas pessoais - apenas uma visualização vertical e registra 2 áreas de widget - acima e abaixo da conta), portanto, o acima é verdadeiro para ele.

Vamos ver como fica Modelo WordPress conta pessoal:

A aparência do modelo "Grace"

E sua aparência em um dispositivo móvel:

Contas de usuário de terceiros:

Modelos de complemento pessoal de terceiros - todos os outros modelos de conta pessoal disponíveis na página: Modelos de conta pessoal do WP-Recall

A descrição dos recursos pode ser encontrada na página de descrição. Há também capturas de tela. Abaixo apresentarei algumas capturas de tela com os nomes do gabinete do wordpress - "para completude":

Modelo de LC "Across Ocean"
Modelo de LC "Across Ocean PRO"
Modelo de conta pessoal "Linha de tema"
Modelo LC "Tema Céu Claro"
Modelo LC "Controle de Tema"
Modelo LC "Controle de tema" e "Guia de informações do usuário" adicional
Modelo LK "Luz"

Tabela comparativa de recursos dos modelos LC:

Nesta tabela, analisei todos os modelos WordPress de conta pessoal atualmente existentes para o plug-in WP-Recall. Destacou os principais pontos e características deles:

Explicações da tabela:
A 1ª tela é a tela imediatamente após entrar na conta pessoal wp, ou seja, sem transições adicionais.

De todos os modelos, apenas um modelo - "Theme Control", suporta a extensão de seus recursos por meio de um complemento.
Este é o complemento da guia de informações do usuário

Customizer (WP Customizer): isso significa que o modelo permite que o usuário personalize cores personalizadas. Traços, cor das áreas do gabinete, escolha de avatar quadrado ou redondo. Eles são definidos no painel de administração através de: "Aparência" -> "Personalizar". Todas as configurações ocorrem em tempo real - ou seja, você vê imediatamente as alterações sendo feitas sem recarregar a página.

Truques de vida de modelos de LC:

Se a conta pessoal for exibida por meio de um shortcode:
"WP-Recall" -> "Configurações" -> "Configurações gerais (incluindo configurações avançadas)" -> "Ordem de saída de conta pessoal" -> "Via wp-recall shortcode"

Em seguida, você pode alterar o título de sua conta pessoal "Escritório pessoal" para o seu próprio ou apagá-lo completamente:

Talvez o seu tema VP permita que você desenhe o gabinete na largura total. Para fazer isso, vá para a página com o shortcode wp-recall inserido no painel de administração e selecione "template" nas propriedades da página à direita (ou inferior) (veja a captura de tela acima)

Você pode alterar o URL da conta na mesma página para o seu próprio - sob o título da página: "permalink" - "alterar" (veja a captura de tela acima)

Você pode alterar o formato do link para sua conta pessoal nas configurações avançadas do plugin. Por exemplo, usando o life hack acima, já alteramos o slug (slug) da página da conta na página com o shortcode. Agora vamos alterar o segundo parâmetro:

De outros:
Se você deseja um link para o gabinete do formulário: seu-site/autor/masha/ onde masha é o login do usuário com quem ele se cadastra, então você precisa personalizar a exibição do gabinete através do template author.php WordPress Arquivo. Você precisa ter algum conhecimento de como fazê-lo. Você encontrará a descrição - a segunda maneira.

Ou escolha e compre um modelo de VP infantil pronto, onde esse trabalho já tenha sido feito por especialistas. Link para modelos filho

Você pode dar aos seus usuários a oportunidade de alterar a parte da URL em que o login está localizado para uma outra mais atraente. Isso pode ser feito com o complemento Pretty URL Author - ou seja, obtenha a funcionalidade de alterar o nome na url como em rede social Em contato com.

Procurando um plugin de conta pessoal para WordPress? O WP-Recall é perfeito para esta tarefa.

Inscreva-se para receber uma versão offline gratuita do livro: "WP-Recall para iniciantes" em formato pdf.
Indique o seu e-mail, para o qual lhe enviarei este livro assim que estiver concluído.

Esta coleção inclui modelos para várias profissões, mas, em geral, programadores, web designers ou designers de layout apreciarão o tópico, pois em design e estrutura são mais adequados para eles.

Anteriormente, já publicávamos coleções com templates para criação de portfólio. Por exemplo:

limpar

Profissional, limpo para criar um portfólio pessoal e uma página pessoal de um desenvolvedor web independente. Perfeito para designers, designers de layout ou programadores.
O template é totalmente responsivo, tem uma animação bacana da aparência dos elementos ao rolar com código totalmente válido.

Portfólio Gorgo

Grátis, muito limpo e elegante modelo de portfólio de designer. Feito no estilo do minimalismo. Também tem um menu de tela cheia legal.
A grade com exemplos de trabalho é feita conforme o exemplo de um tabuleiro de xadrez, o que agrada muito, pois esta é uma tendência. A página de trabalho em si me impressionou muito, provavelmente por causa do conteúdo de demonstração de alta qualidade. Se você pretende usar este design específico como uma página pessoal, cuide do design de qualidade do próprio trabalho.

lítio

Modelo responsivo gratuito em grande estilo Apartamento, que é adequado para quase qualquer freelancer, seja um desenvolvedor web ou um fotógrafo, pois a página fornece um portfólio familiar com um filtro por categoria de trabalho e uma galeria de fotos.

conhaque

Outro extremamente modelo de qualidade para criar um portfólio pessoal. Tem muitas guloseimas que todo mundo adora: efeitos de paralaxe, efeito da aparência de blocos ao rolar, rolagem suave, vários contadores e, claro, o próprio bloco de portfólio.
O modelo é totalmente gratuito e adequado para freelancers de qualquer profissão de TI.

Kong

Interessante modelo de html de portfólio de designer. Na primeira tela, você pode colocar sua foto, se apresentar e escrever sua especialidade.
Quase todos os blocos do template são implementados por aqueles que estamos acostumados a ver em uma Landing Page padrão.
Quanto ao esquema de cores - eu mudaria. Muito venenoso.

MyFolio

Excelente portfólio responsivo de uma página nas cores verdes. Adequado para um único freelancer e uma equipe de desenvolvimento. O modelo é feito com alta qualidade e merece atenção.

Básico

Rigoroso modelo em cores azuis para construir um portfólio. Construído em Bootstrsp 3.2. Se você substituir os ícones na primeira tela, poderá usar freelancers de qualquer área de atividade.

pequeno

Pequeno modelo html de uma página em estilo simples. É dividido em três telas com 100% de altura. A primeira tela é uma foto e informações breves sobre o freelancer.
A segunda tela é o portfólio. O mais recente 8 trabalhos do seu portfólio no drible. Ou seja, tudo que você precisa fazer é configurar a integração com e pronto. As imagens se atualizarão, em sincronia com suas atividades no Dribbble.
Terceira tela - Informações de contato.

Kelvin

Modelo HTML5 CSS3 versátil e de alta qualidade. É muito parecido com o Ceevee, que estava nesta seleção acima, mas existem algumas diferenças no conceito do bloco com exemplos de trabalho e nos gráficos que mostram as habilidades de um freelancer. A possibilidade de uma história detalhada sobre você com a ajuda de vários blocos é fornecida.

porção

Um modelo interessante e versátil, embora haja muitos pontos pelos quais eu não o usaria: são fontes estúpidas, botões ruins. Talvez alguém esteja interessado nesta opção. De qualquer forma, cores brilhantes. Se você consertar isso um pouco Estilos CSS, você pode obter bons resultados.

porta

Gratuito e, eu diria, elegante modelo de uma página baseado em Bootstrap. Pessoalmente, gosto de elementos ativos vermelhos. O bloco com exemplos de trabalho é feito na forma de uma grade complicada, e isso é uma vantagem. Este modelo será uma ótima solução para criar p portfólio de um web designer ou programador.

Hexa

Modelo plano de várias páginas com um controle deslizante no cabeçalho no esquema de cores característico - verde. Usando esta solução, você pode criar um excelente site de cartão de visita com exemplos de trabalho e um blog.

trabalhador autonomo

Excelente estilo simples de uma página e cores verdes. A primeira tela tem um lugar para uma foto, ou melhor, para não estragar o estilo, um auto-retrato desenhado à mão do dono do site.
O modelo é pequeno, e isso é uma grande vantagem, pois não há necessidade de usar palmilhas para nossos propósitos. Feito, surpreendentemente, de altíssima qualidade. É totalmente responsivo e baseado no framework Bootstrap.

Portfólio de Dribles

Outro modelo com um portfólio integrado com Dribbble. Você só precisa configurar o upload de trabalhos recentes e esquecer a constante e tediosa atualização do portfólio em sua página pessoal.
O modelo é feito em um esquema de cores rigoroso e moderno. Tudo parece muito limpo.
Assim como o modelo Dribbble anterior, ele é pequeno. Eu diria até lacônico. No geral, minha avaliação é 9 em 10.

Geek

Nada mal, embora pareça um pouco pesado, modelo de portfólio freelance Como página de destino. Possui vários gráficos para exibir visualmente o nível de habilidade em seus perfis de atividade - é interessante. Há também um controle deslizante de depoimento e uma bela caixa de grade de fotos que você pode usar para mostrar seu trabalho.

Drible Folio V2

Livre modelo de portfólio preenchido automaticamente. As obras são importadas do site Drible. Antes de usar esta decisão, não esqueça de configurar uma integração com seu perfil Dribbble.
Infelizmente não há demonstração.

Porto

Original html css padrão em tons de roxo para criar um site pessoal. Este é um tema de várias páginas, onde o principal é feito no estilo de uma página, mas, por sua vez, também existem páginas internas. Adequado para criar site pessoal do freelancer qualquer especialidade.

Todos os modelos apresentados para o seu site são construídos em versões modernas HTML5 e CSS3. Além disso, os autores usam recursos da moda como design plano, design responsivo, layout adaptável, sliders jQuery, animações CSS3, etc. Ou seja, se você estiver procurando por um modelo de site móvel, poderá escolher qualquer um dos apresentados. Lindos modelos html5 2017, embora gratuito, mas olhe para o nível premium.

Aqui você encontrará mais de 50 modelos de sites responsivos HTML5 e CSS3 gratuitos de alta qualidade que podem ser usados ​​para novos sites e reformulações de sites existentes. Modelos elegantes de sites html5- é disso que você precisa!

Atualizado em 12/03/2019: Desde que o artigo foi escrito há 2 anos, muitos links foram quebrados. Ou os proprietários dos modelos se fundiram, ou o status dos modelos mudou de grátis para pago, ou os alienígenas estragaram tudo. Um pedido a vocês, queridos leitores, se encontrarem tal link, coloquem nos comentários, eu irei corrigi-lo.

1. Snow - Modelo de página de destino HTML5 e CSS3 grátis

O modelo css3 html5 da página de destino do Snow é construído na estrutura Bootstrap. O modelo é muito elegante e legal! Um fundo fixo e um enorme Jumbotron é o que mostra o conteúdo principal do site. E qual é a coisa mais importante na página de destino? Isso mesmo, uma chamada à ação. Naturalmente, o modelo está totalmente adaptado para dispositivos móveis. Você pode até usá-lo como base para seus próprios modelos.

2. Sima - modelo de site comercial chique

Este modelo html5 css3 também é construído no framework Bootstrap. Você pode usar este modelo para criar um site exclusivo com um portfólio, sua equipe, preços, avaliações e tudo o mais que for necessário. Por exemplo, este modelo é perfeito para um site de serviços de limpeza. A animação neste modelo é suave e eficaz, as fontes são limpas e fáceis de ler. Simplesmente o modelo perfeito!

3. O branco é um ótimo modelo de uma página!

Uma característica distintiva do modelo de site Branco são duas opções de plano de fundo na parte superior. Sua escolha de um controle deslizante de imagem ou um plano de fundo de vídeo. Muito alta qualidade e modelo espetacular para o site!

4. Platz - Modelo de Site Grade HTML5 Gratuito

Um modelo de site HTML5 moderno e visualmente atraente projetado em torno de uma grade (leia mais sobre grade). Design de modelo bonito e responsivo para um blog ou site.

5. Mart eCommerce - Belo modelo de site de comércio eletrônico HTML5 e CSS3

O design de modelo de site fresco e elegante é melhor para todos os tipos de sites de moda que vendem sapatos, roupas, relógios, acessórios, roupas esportivas, etc. vem com arquivo PSD que você pode ajustar para atender às suas necessidades.

6. Nava - um modelo HTML5 e CSS3 espetacular para sites criativos

Nava é um modelo de site HTML5 moderno usado principalmente por profissionais criativos que desejam mostrar seu trabalho em toda a sua glória. Muitas variações de configurações de modelo permitem que você torne seu site único. Modelo de site leve, bonito e responsivo.

7. Portfólio de caixa - Modelo de site criativo HTML5 e CSS3 exclusivo

O modelo de site Box Portfolio tem um design minimalista limpo e moderno. Perfeito para profissionais que desejam mostrar efetivamente seu trabalho online. Como o nome sugere, o modelo de site é ideal para portfólios.

8. Mountain King - Modelo de site HTML5 e CSS3 popular e funcional

O tema da montanha no design de sites é muito popular ultimamente. O modelo de site do Mountain King não é exceção. Inclui 336 ícones vetoriais da Typicons. Além de ótima animação CSS3. O modelo é perfeito para sites de viagens e portfólio.

9. Beauty Spa - Modelo de site HTML5 e CSS3 legal para salões de spa

O Beauty Spa é um modelo de site responsivo com muitos recursos, ideal para spa, centros de saúde ou fitness, sites de ioga ou até salões de beleza. Excelente legibilidade de fontes e minimalismo discreto.

10. Bent - Página de destino elegante e eficaz para sites HTML5 e CSS3

Bent - lindo modelo grátis site em html5 e css3. Design responsivo, animação CSS3, rolagem parallax, navegação personalizável e outras guloseimas. Este é um design de modelo limpo para sites que desejam usar um design equilibrado para garantir que os visitantes aproveitem aparência site e, ao mesmo tempo, ver claramente seu conteúdo principal.

11. Triângulo - Modelo HTML5 e CSS3 multiuso responsivo gratuito

Triangle é um modelo de site criativo HTML5 e CSS3 exclusivo, especialmente para aqueles que querem chutar seu design legal sem piorá-lo. O modelo tem mais de 40 páginas pré-projetadas que permitem que você personalize seu site de acordo com o conteúdo do seu coração.

12. Futuro Imperfeito - um modelo de site brilhante para pessoas criativas!

Experimente uma sensação genuína de prazer com este modelo de site, perfeito para escritores, autores, redatores e outros trabalhadores de papel e caneta. O modelo também pode ser usado para blog pessoal, blogs sobre viagens, criatividade, etc. O design criativo e o layout adaptável do modelo atrairão muitos.

13. Bodo é um ótimo modelo de site pessoal

Bodo- lindo padrão site em HTML5 e CSS3, o que é ideal para um site pessoal. Especialmente para organização de portfólio. Tipografia limpa e nítida, controle deslizante de carrossel, pop-ups para mostrar seu trabalho e muito mais.

14. O Lens é o modelo de site HTML5 perfeito para fotógrafos

Os fotógrafos estão sempre procurando o modelo perfeito para seu site para mostrar seu trabalho em toda a sua glória, espetacularmente e, o mais importante, grande! O modelo de site raro atende a esses requisitos. Lens é um modelo de site de fotógrafo.

15. Spectral - Modelo de site HTML5 e CSS3 exclusivo feito à mão

Se você está procurando modelos de sites de automóveis gratuitos, então Espectral será solução ideal. Aqui está um design de modelo de site de uma página completamente exclusivo feito à mão. O design pode ser alterado como desejar. Com este modelo, você pode criar um site incrível sobre absolutamente qualquer assunto, seja um blog de viagens impressionante ou uma galeria de fotos, um site automotivo ou um provedor de hospedagem.

16. Oxygen - Modelo de site HTML5 e CSS3 de uma página

Oxygen é um modelo de site de negócios conveniente e exclusivo. Design plano moderno, layout responsivo. Por exemplo, este modelo é ideal para um site sobre Aplicações Móveis ou tecnologia móvel.

17. Mobirise Bootstrap - Modelo de site HTML5 e CSS3 grátis perfeito

Se você está procurando um modelo de site gratuito, o Mobirise Bootstrap é o lugar perfeito para começar. Este é um modelo multifuncional com muitos complementos incluídos. Três layouts pré-fabricados pagina inicial e blogs irão ajudá-lo com isso. O Mobirise Bootstrap também é 100% otimizado para SEO e responsivo a todos os tamanhos de tela.

18. La Casa - Modelo de site imobiliário HTML5 bonito e gratuito

O modelo Brandy é perfeito para organizar um site de imóveis comerciais. Responsivo e muito Belo design agradará não apenas o proprietário do site, mas também os visitantes.

19. Drifolio - Modelo de site de portfólio HTML5 estiloso

Modelo de site de portfólio HTML5 e CSS3 elegante e animado. Design limpo, ótima tipografia, belos ícones e muito mais.

20. Pluton - modelo de site de uma página brilhante e elegante

Pluton é um modelo de site Bootstrap brilhante e atraente. Um modelo de site moderno com layout exclusivo de uma página e design responsivo que é ótimo para estúdios, fotógrafos e designers criativos.

21. SquadFree - Modelo de site profissional HTML5 de uma página

O modelo SquadFree é perfeito para criar um site comercial de uma página. O modelo parece não apenas profissional, mas também adaptado a todos os tipos de telas. O modelo é baseado no Bootstrap.

22. Sublime - modelo de site HTML5 e CSS3 hipnotizante

Sublime é um modelo de site HTML5 e CSS3 limpo e incrivelmente bonito, perfeito para uma startup, agência criativa ou site de portfólio. Design responsivo e duas opções de página para escolher.

23. Timber - modelo de site HTML5 e CSS3 incomum e bonito

Timber é um tema de modelo de site de uma página fresco, elegante e incomum. A diagonal é o principal recurso de design deste modelo. O modelo é perfeito para um site ou portfólio de negócios. Há uma galeria integrada, mapa e Informações de contato que você pode facilmente personalizar ao seu gosto.

24. E-Shopper - Melhor modelo de site de comércio eletrônico

O E-Shopper é um ótimo modelo de site de comércio eletrônico. Construído em cima do bootstrap com um incrível conjunto de recursos para uma loja online completa e eficiente.

25. Magnético - Modelo de site de foto HTML5 e CSS3 grátis

Um modelo HTML5 e CSS3 absolutamente impressionante para criar um site de fotos ou portfólio para um designer, ilustrador ou artista. Este modelo eleva o nível de modelos profissionais para o próximo nível! design responsivo, grande apoio todos os tipos de dispositivos de exibição, navegação fácil e conveniente e muito mais.

26. Portfólio Mabur - Belo Modelo de Site Minimalista HTML5 e CSS3

O design plano deste modelo de site minimalista é perfeito para criar um portfólio. No template, todos os detalhes são verificados perfeitamente!

27. Modern Bootstrap HTML5 - Modelo de site de uma página grátis

Este one-pager gratuito baseado em Bootstrap é perfeito para sites corporativos, tanto para pequenas quanto para grandes empresas. Design plano, layout responsivo, todos os elementos de design de alta qualidade. O modelo vem em 4 cores diferentes.

28. Infusion - Modelo de site elegante de uma página em HTML5 e CSS3

O Infusion é um ótimo exemplo de modelo de site HTML5 e CSS3 projetado especificamente para criar um portfólio de negócios. A rica funcionalidade deste modelo permite que você trabalhe efetivamente com os clientes e atraia novos.

29. Yebo - modelo de site corporativo em HTML5 e CSS3

Este modelo de site de estilo plano de alta qualidade é perfeito para qualquer site corporativo. Design responsivo, muitas configurações e opções de edição.

30. Vinte - Modelo espetacular de site HTML5 e CSS3 Parallax

Este modelo de site único e muito bonito com efeito de paralaxe não deixará ninguém indiferente. O modelo de uma página é construído em puro HTML5 e CSS3 com layout adaptável, fundos impressionantes, suporte de mídia social e muito mais.

31. Urbanic - Ótimo modelo de site Bootstrap HTML5 e CSS3

Urbanic é um modelo de site HTML5 e CSS3 novo e legal, construído no mecanismo Bootstrap. Perfeito para começar a construir seu site imediatamente sem muitos problemas. O modelo se adapta perfeitamente a qualquer tamanho de tela.

32. Vitrine de Design - Modelo de Site de Portfólio HTML5

Modelo de site HTML5 visualmente harmonioso e eficaz para organizar seu portfólio. O template é perfeitamente adaptado para dispositivos móveis, o que é muito difícil de fazer para sites desse formato.

33. Mamba One - modelo de site HTML5 e CSS3 simples e elegante

O Mamba One é um exemplo de um modelo de site de uma página simples e elegante. Compatível com todos navegadores modernos e em todos os lugares serão exibidos adequadamente.

34. KreativePixel - Modelo de site gratuito para fotógrafos

Outro ótimo modelo de site para fotógrafos. O design responsivo e a classificação muito conveniente de fotos em portfólios e galerias atrairão muitos amantes da fotografia. O modelo também usa um efeito de paralaxe, que também impressiona os espectadores ao visualizar as fotos.

35. Aplicativo responsivo pronto para retina - modelo gratuito de página de destino HTML5 e CSS3

Como o nome sugere, este modelo de site incrível não é apenas perfeito para páginas de destino, mas também atende às novas tendências móveis, especialmente em termos de clareza em dispositivos Retina.

36. Brushed - Modelo de site HTML5 e CSS3 responsivo desenvolvido com Bootstrap

Brushed é um modelo de site HTML5 e CSS3 responsivo e gratuito baseado no mecanismo Bootstrap. Também otimizado para Telas de retina(iPhone, iPad, iPod Touch E MacBook Pro retina).

37. Modelo de site HTML5 e CSS3 do Big Picture

Bem-vindo ao Big Picture! Este modelo de site HTML5 responsivo é perfeito para todas as pessoas criativas que têm algo para mostrar e mostrar grande e espetacular em seu site. Além disso, o modelo usou ótima animação.

38. Tesselatte - Modelo responsivo HTML5 e CSS3 gratuito

Um modelo simples de uma página que leva tudo em consideração ferramentas necessárias para um site de sucesso. Ideal para um blog pessoal de um escritor, redator e apenas um amante da palavra impressa.

39. Estouro - modelo exclusivo de site HTML5 e CSS3

Este modelo exclusivo de site HTML5 e CSS3 puro é perfeito para qualquer pessoa criativa. É totalmente responsivo e totalmente gratuito.

40. Runkeeper - modelo de site responsivo e muito bonito

Runkeeper é um template de site gratuito, responsivo e muito bonito. Ele pode ser usado para qualquer site. Estilo brilhante e fontes claras, design adaptável e detalhes de padrão impressionantes. Tudo funciona para você!

41. Estilo de Grade Responsivo de Pinball - Modelo de Site Baseado em Grade Grande

Este incrível modelo de site profissional baseado em grade é perfeito para um site corporativo. O design plano moderno e a estrutura responsiva do modelo são perfeitamente exibidos nas telas monitores grandes e dispositivos móveis.

42. Prólogo - Modelo de site de página única HTML5 e CSS3 puro

Este modelo de site HTML5 e CSS3 limpo, simples e nítido é perfeito para criar uma página de destino. O design minimalista não distrai do principal. Espetacular painel lateral navegação de rolagem e linhas de página claras - a combinação perfeita!

43. Helios - Modelo de site moderno com puro HTML5 e CSS3

Outro modelo de site no estilo do minimalismo e formas limpas. Especialmente projetado para aproveitar telas grandes displays, mas também perfeitamente adaptados às pequenas telas dos dispositivos móveis.

44. Telephasic - Modelo de site HTML5 gratuito e responsivo

Este modelo de site moderno, responsivo e totalmente gratuito tem uma grande vantagem - é simples e conciso, mas é exatamente isso que muitos não têm.

45. Fortemente tipado - modelo de site semi-retrô muito bonito

Novo modelo de site com estilo semi-retro minimalista. É que o retrô não está mais na moda, mas uma leve dica é muito bem-vinda. Este modelo de site é totalmente responsivo, construído em HTML5 e CSS3 puro e inclui todos os elementos básicos de página necessários. O modelo fortemente tipado é ideal para sites criativos. Por exemplo, para um site sobre decoração de casa.

46. ​​Listrado - Modelo de site HTML5 e CSS3 limpo, bonito e funcional

Fresco e limpo, bonito e funcional, novo modelo de site em HTML5 e CSS3. Possui todos os elementos de página necessários em seu arsenal, incluindo citações decoradas, tabelas e listas, além de uma barra lateral adaptada (à direita ou à esquerda - conforme desejar).

47. Paralelismo - modelo de site incomum e elegante em HTML5 e CSS3

paralelismo- modelo elegante site para organizar portfólios ou fotos. O incomum é que a rolagem aqui não é vertical, como de costume, mas horizontal. Isso dá ao site um glamour especial e memorização.

48. Miniport - Modelo de site HTML5 minimalista totalmente responsivo

Um ótimo modelo de site HTML5 minimalista. Perfeito para um site/blog pessoal, bem como para um pequeno site corporativo de uma página ou como um site de cartão de visita.

49. Verti - Modelo de site HTML5 responsivo espaçoso e gratuito

O design limpo e espaçoso deste modelo de site é perfeito para pequenos sites corporativos ou projetos comerciais. Responsivo e conveniente tanto para o autor quanto para os usuários.

50. ZeroFour - Modelo de site HTML5 e CSS3 impressionante e elegante

E o último da lista, mas não o último em termos de qualidade e ostentação externa, é o template do site ZeroFour. Design elegante, menu muito bonito, formulários e botões perfeitamente ajustados, ícones bonitos e muito mais. E tudo isso é absolutamente grátis!

Espero que você tenha encontrado algo adequado entre esses maravilhosos modelos de sites HTML5 e CSS3. Boa sorte!

Marque-o como favorito para que você possa encontrá-lo rapidamente mais tarde.

PS: Se você não pode decidir sobre uma escolha, leia o artigo “Não sei o que quero”. Será útil.

DENTRO mundo modernoàs vezes, ter seu próprio site é tão importante quanto ter um número de telefone ou endereço E-mail. Infelizmente, nem todos podem criar um belo site profissional por conta própria e, às vezes, nem mesmo uma curva funciona. Encomendar de programadores também não é uma solução ideal, pois nem todos podem pagar.

Ajude a sair desta situação HTML grátis Modelos de sites. O modelo de site HTML é um conjunto de páginas estáticas para um site específico. Usando este modelo, você pode criar um site simples em apenas algumas horas, com conhecimento básico de marcação HTML. Na seção HTML, você obterá esse conhecimento se passar mais algumas horas estudando e, se não poupar tempo na seção CSS, poderá controlar completamente o design dos modelos de site HTML e personalizá-los completamente às suas necessidades.

Outra vantagem indiscutível dos modelos de sites é que eles são escritos na maioria dos casos por profissionais. Um modelo de site profissional significa não apenas um belo e design moderno, mas também como o código é escrito. Motores de busca eles analisam como seu site está escrito, se o código é otimizado para SEO ou não, e com base nisso eles diminuem ou aumentam suas posições nos resultados da pesquisa. Portanto, um bom site não deve ser apenas bonito e moderno, o que é importante, mas também bem escrito em termos de código.

Baixe modelos de sites HTML gratuitos e crie seus projetos rapidamente.