Fury Downloads: O Seu Portal para Downloads Gratuitos!
 FURYDOWNLOADS.com.br
Mostrando postagens com marcador Templates. Mostrar todas as postagens
Mostrando postagens com marcador Templates. Mostrar todas as postagens

quinta-feira, 25 de maio de 2023

Cuba - HTML, React, Angular 15, VueJS, Django, Flask, Nodejs e Laravel 9 Admin Dashboard Template v7.3.1
Equipe Fury     0 Mensagem      Arquivo Seguro!
Templates

Cuba - HTML, React, Angular 15, VueJS, Django, Flask, Nodejs e Laravel 9 Admin Dashboard Template v7.3.1

Cuba HTML

é um modelo de painel de administração versátil e totalmente responsivo que vem com ferramentas e recursos poderosos. Construído com HTML, React, Angular 15, VueJS, Django, Flask, Nodejs e Laravel 9, o Cuba oferece uma experiência perfeita em várias plataformas e dispositivos. Seu design limpo e moderno, juntamente com uma ampla gama de opções de personalização, o tornam a solução ideal para criar aplicativos e painéis da Web impressionantes.
Seja você desenvolvedor ou designer, Cuba tem tudo o que você precisa para construir interfaces robustas e amigáveis. Com sua interface de usuário intuitiva e documentação abrangente, você pode facilmente personalizar e implantar seus projetos rapidamente. Comece a construir sua próxima grande novidade com Cuba hoje!

domingo, 9 de abril de 2023

Design de cartão de crédito apenas com animação HTML e CSS
Equipe Fury     0 Mensagem      Arquivo Seguro!
Templates

Design de cartão de crédito apenas com animação HTML e CSS.

Design de cartão de crédito

Se você ou seu projeto precisa de um cartão de crédito digital elegante e simples, este projeto é para você.
Aparência agradável, facilidade de edição para atender às suas necessidades. Você pode pegar o código abaixo ou baixar o arquivo de imagens completo.
O código usa apenas HTML e CSS. Nenhum código JS, efeito de flip de cartão de crédito 3D 180 graus na horizontal.
Existem estilos para a frente e para trás do cartão.
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>

  <!-- Basic Page Needs
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta charset="utf-8">
  <title>Card</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
  <!-- Mobile Specific Metas
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<style>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Josefin Sans', sans-serif;
}
.container{
min-height: 100vh;
width: 100%;
background: #000;
display: flex;
align-items: center;
justify-content: center;
}
.card{
width: 500px;
height: 300px;
color: #fff;
cursor: pointer;
perspective: 1000px;
}
.card-inner{
width: 100%;
height: 100%;
position: relative;
transition: transform 1s;
transform-style: preserve-3d;
}
.front, .back{
width: 100%;
height: 100%;
background-image: linear-gradient(45deg, #0045c7, #ff2c7d);
position: absolute;
top: 0;
left: 0;
padding: 20px 30px;
border-radius: 15px;
overflow: hidden;
z-index: 1;
backface-visibility: hidden;
}
.row{
display: flex;
align-items: center;
justify-content: space-between;
}
.map-img{
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.3;
z-index: -1;
}
.card-no{
font-size: 35px;
margin-top: 60px;
}
.card-holder{
font-size: 12px;
margin-top: 40px;
}
.name{
font-size: 22px;
margin-top: 20px;
}
.bar{
background: #222;
margin-left: -30px;
margin-right: -30px;
height: 60px;
margin-top: 10px;
}
.card-cvv{
margin-top: 20px;
}
.card-cvv div{
flex: 1;
}
.card-cvv img{
width: 100%;
display: block;
line-height: 0;
}
.card-cvv p{
background: #fff;
color: #000;
font-size: 22px;
padding: 10px 20px;
}
.card-text{
margin-top: 30px;
font-size: 14px;
}
.signature{
margin-top: 30px;
}
.back{
transform: rotateY(180deg);
}
.card:hover .card-inner{
transform: rotateY(-180deg);
}
</style>
<body>
<div class="container">
 <div class="card">
    <div class="card-inner">
	  <div class="front">
	  <img src="images/map.png" class="map-img">
	    <div class="row">
		     <img src="images/chip.png" width="60px">
			 <img src="images/visa.png" width="80px">
		</div>
		<div class="row card-no">
		 <p>4242</p>
		 <p>4242</p>
		 <p>4242</p>
		 <p>4242</p>
		</div>
		<div class="row card-holder">
		 <p>CARD HOLDER</p>
		 <p>VALID TILL</p>
		</div>
		<div class="row name">
		  <p>JOE ALISON</p>
		  <p>10 / 23</p>
		</div>
	  </div>
	  
	  <div class="back">
	    <img src="images/map.png" class="map-img">
		<div class="bar"></div>
		<div class="row card-cvv">
		 <div>
		    <img src="images/pattern.png">
		 </div>
		 <p>825</p>
		</div>
		<div class="row card-text">
		<p>This is a virtual card design built using HTML and CSS</p>
		</div>
		<div class="row signature">
		 <p>CUSTOMER SIGNATURE</p>
		 <img src="images/visa.png" width="80px">
		</div>
	  </div>
	  
	</div>
 </div>
</div>
</body>
</html>

Zomo - Entrega de Alimentos Orgânicos On-line e Mercado de Mercearia Mobile PWA Modelo Html
Equipe Fury     0 Mensagem      Arquivo Seguro!
Templates

Entrega de alimentos orgânicos e supermercados
O Zomo é um modelo móvel em HTML com um design bonito, perfeito para entrega de alimentos orgânicos on-line e empresas de supermercados. Este modelo foi desenvolvido usando as tecnologias mais recentes, como HTML5, CSS3 e Bootstrap 4, e foi projetado para ser totalmente responsivo, garantindo uma ótima aparência em todos os dispositivos móveis.
O modelo apresenta um design limpo e moderno com foco em oferecer uma experiência de usuário excepcional. A interface é intuitiva e fácil de navegar, tornando simples para os clientes encontrar e comprar os produtos de que precisam. Zomo oferece uma ampla gama de recursos, incluindo uma página inicial personalizável, páginas de produtos, processo de checkout e muito mais.
A página inicial da Zomo foi projetada para mostrar seus negócios e produtos da melhor maneira possível. O modelo permite que você exiba seus produtos e categorias, ofertas especiais e promoções para chamar a atenção de seus clientes. Além disso, a página inicial inclui uma barra de pesquisa para ajudar os clientes a encontrar rapidamente o que procuram.
As páginas de produtos são projetadas para destacar os principais recursos e benefícios de cada produto, juntamente com imagens de alta qualidade e informações sobre preços. Os clientes podem facilmente adicionar produtos ao carrinho e prosseguir para o processo de checkout.
O processo de checkout da Zomo foi projetado para ser simples e direto, permitindo que os clientes concluam sua compra de maneira rápida e fácil. O modelo inclui todos os recursos necessários para pagamentos seguros, como processamento de cartão de crédito e criptografia SSL.
Zomo é um aplicativo da web progressivo (PWA), o que significa que oferece muitos benefícios em relação aos aplicativos móveis tradicionais. Os PWAs oferecem tempos de carregamento mais rápidos, acesso offline, notificações por push e outros recursos que aprimoram a experiência do usuário.
Em resumo, o Zomo é um modelo móvel HTML com um design bonito, perfeito para entrega de alimentos orgânicos on-line e empresas de supermercados. Com sua interface intuitiva, página inicial personalizável, páginas de produtos e processo de checkout, o Zomo é uma solução ideal para empresas de todos os tamanhos. O modelo é totalmente responsivo e construído com as tecnologias mais recentes, garantindo que seja rápido, confiável e seguro.