In this blog post we will see how to create an amazing profile card using only HTML & CSS.
Here is the HTML Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"/>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="profile-card">
<div class="card-header">
<div class="pic">
<img src="pic.png" alt="">
</div>
<div class="name">John Doe</div>
<div class="desc">Developer & Designer</div>
<div class="sm">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-github"></a>
<a href="#" class="fab fa-youtube"></a>
</div>
<a href="#" class="contact-btn">Contact Me</a>
</div>
<div class="card-footer">
<div class="numbers">
<div class="item">
<span>120</span>
Posts
</div>
<div class="border"></div>
<div class="item">
<span>127</span>
Following
</div>
<div class="border"></div>
<div class="item">
<span>120K</span>
Followers
</div>
</div>
</div>
</div>
</body>
</html>
Here is the CSS Code
*{
margin: 0;
padding: 0;
font-family: "Ubuntu", sans-serif;
box-sizing: border-box;
text-decoration: none;
}
body{
height: 100vh;
background: url(bg.jpg) no-repeat center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
}
.profile-card{
width: 400px;
text-align: center;
border-radius: 8px;
overflow: hidden;
}
.card-header{
background: #2c3a47;
padding: 60px 40px;
}
.pic{
display: inline-block;
padding: 8px;
background: linear-gradient(130deg, #74b9ff, #e66767);
margin: auto;
border-radius: 50%;
background-size: 200% 200%;
animation: animated-gradient 2s linear infinite;
}
@keyframes animated-gradient{
25%{
background-position: left bottom;
}
50%{
background-position: right bottom;
}
75%{
background-position: right top;
}
100%{
background-position: left top;
}
}
.pic img{
display: block;
width: 100px;
height: 100px;
border-radius: 50%;
}
.name{
color: #f2f2f2;
font-size: 28px;
font-weight: 600;
margin: 10px 0;
}
.desc{
font-size: 18px;
color: #e66767;
}
.sm{
display: flex;
justify-content: center;
margin: 20px 0;
}
.sm a{
color: #f2f2f2;
width: 56px;
font-size: 22px;
transition: .3s linear;
}
.sm a:hover{
color: #e66767;
}
.contact-btn{
display: inline-block;
padding: 12px 50px;
color: #e66767;
border: 2px solid #e66767;
border-radius: 6px;
margin-top: 16px;
transition: .3s linear;
}
.contact-btn:hover{
background: #e66767;
color: #f2f2f2;
}
.card-footer{
background: #f4f4f4;
padding: 60px 10px;
}
.numbers{
display: flex;
align-items: center;
}
.item{
flex: 1;
text-transform: uppercase;
font-size: 13px;
color: #e66767;
}
.item span{
display: block;
color: #2c3a47;
font-size: 30px;
}
.border{
width: 1px;
height: 30px;
background: #bbb;
}
To Download all files Click Here
thats preety good
ReplyDeleteyea
ReplyDeleteAmazing. Very nice work. Thanks.
ReplyDeletenyc
ReplyDeletedsa
ReplyDeleteVery nice but I think UI design Profile Card is the best
ReplyDeleteYour videos are very helpful
ReplyDeletevery good
ReplyDeletegrazie a te non devo fare un cazzo UWU
ReplyDeleteBene adesso verrai punito!! OWO
DeleteKeep it up
ReplyDeleteCongratulations
ReplyDeletei like turtels.
ReplyDeletei eat turtels.
ReplyDelete89A4CB6965
ReplyDeletehacker kirala
kiralık hacker
tütün dünyası
-
-
30BB9F85D8
ReplyDeletehacker arıyorum
hacker kirala
tütün dünyası
-
-
Chrome Hearts was founded in motorcycle-inspired luxury brand rooted in Matty Boy’s arrival marked a new era.
ReplyDeleteKroen joggers come in a variety of styles, including cuffed, straight-leg, and zip-ankle versions. This versatility allows wearers to express their personality while maintaining comfort.
ReplyDeleteThe creative team behind HMDD clothing draws inspiration from music art and movement to craft distinctive apparel.
ReplyDeleteWhat I really admire is the quality of the garments. From the fabric choices to the stitching and print details, everything feels premium and thoughtfully crafted.
ReplyDeleteI recently picked up one of their jackets, and the quality is seriously next level. You can tell they invest in both the look and feel of their pieces. Definitely worth the price if you're into premium streetwear.
ReplyDeleteCe qui distingue Chaussure d’Avril Supply des autres marques est son approche éthique et consciente. La production respecte des standards écologiques stricts afin de réduire l’impact sur la planète.
ReplyDeleteBeyond its linguistic roots akimbo also appears in visual storytelling and character design. Artists use the pose to highlight independence or defiance in their subjects.
ReplyDeleteIn Seven Heaven knowledge flows freely and truth shines like crystal water. Every soul sees with perfect clarity and understands the mysteries that once puzzled mortal minds.
ReplyDeleteKanye’s merchandising is how it intersects with streetwear culture. His releases often feature oversized silhouettes, neutral tones, and bold statements—design elements that have become staples in modern fashion.
ReplyDeleteLattafa has become especially popular for offering premium fragrances at affordable prices. This accessibility allows perfume enthusiasts to explore diverse scents without compromising on quality.
ReplyDeleteOwning a Chrome Hearts hoodie is often seen as a form of self-expression. It symbolizes independence confidence and a taste for the unconventional. People are drawn to its bold visuals and the aura of exclusivity that surrounds the brand.
ReplyDeletePeople of all ages rely on hoodies because they provide warmth and ease without needing any extra effort. Whether you are lounging at home or heading out for a quick errand a hoodie always fits the moment perfectly.
ReplyDeleteGod Speed Hoodie stand out is its superior quality and attention to detail. Made from premium materials, it offers both warmth and durability while maintaining a modern streetwear edge.
ReplyDeleteCustomer service wise the Pokémon Center US offers support for shipping returns billing payments and order modifications through its dedicated support portal.
ReplyDeleteKapital denim is the quality of materials and construction. The brand often uses selvedge denim woven on vintage shuttle looms, ensuring durability and a rich texture that breaks in beautifully over time
ReplyDeleteUsing a promo code from Mr Winston is more than just entering a few letters at checkout — it’s about timing and strategy.
ReplyDeleteLover Boy Hat is one of those statement pieces that somehow ends up becoming a staple. It’s versatile, stylish, and just a bit rebellious. What more could you want in a hat?
ReplyDeleteOne of the standout features of the brown essential tracksuit is its clean design. There are no unnecessary embellishments or flashy details which gives it a timeless minimalist look.
ReplyDeleteEvery stitch in the Blue Denim Tears black hoodie represents intention and craft. The fabric feels substantial yet soft offering both comfort and durability.
ReplyDeleteWore my Corteiz cargos for the first time last weekend and got stopped like three times with people asking where I got them. That’s the kind of energy that makes fashion fun again.
ReplyDeleteW Polsce kurtka Stone Island zyskała szczególną popularność wśród osób które lubią łączyć sportową wygodę z luksusowym wyglądem.
ReplyDeleteI appreciate how Asaali Clothing doesn’t compromise on quality. From the stitching to the fabric choice, you can tell a lot of thought goes into production.
ReplyDeleteSp5der’s influence comes from the intersection of music fashion and street culture. It represents freedom from traditional norms and celebrates self-expression.
ReplyDeleteThe brand has since expanded into multiple lines each carrying its own spirit. Comme des Garçons Homme focuses on menswear with subtle experimentation while Comme des Garçons Play offers casual street ready pieces marked by the famous heart logo designed by Filip Pagowski.
ReplyDeleteSeekers often believe their path must be lonely yet a sister proves otherwise. She stands as proof that shared searching brings deeper truth.
ReplyDeleteThe materials used by SP5DER Clothing are carefully selected for both comfort and durability The fabrics are soft yet strong making every garment suitable
ReplyDeleteI love how Civil Regime seems to create more than just clothes—it’s like they’re building a community around a certain lifestyle and mindset.
ReplyDeleteThe designs from Godspeed Apparel are crafted to stand out not just visually but emotionally. Each piece carries with it a sense of movement and urgency a silent message to keep going no matter what stands in the way.
ReplyDeleteWhile they may require more care and attention than sturdier Western knives they reward the user with unmatched performance. Whether you are preparing sushi chopping herbs or slicing produce there is a Japanese knife suited to the task.
ReplyDeleteMy only gripe with Trapstar is how fast items sell out. While that helps build hype and scarcity, it also frustrates genuine fans who aren’t bots or resellers.
ReplyDeleteDenim jackets are endlessly adaptable They can be paired with dresses trousers or shorts making them suitable for every season Their simplicity allows for personal touches through pins patches or embroidery reflecting individual taste
ReplyDeleteHonestly wasn’t expecting this hoodie to be so versatile, but I’ve been surprised. I’ve worn it to the gym, while working from home, and even layered it for a night out.
ReplyDeleteAs someone who grew up during the peak of Sean John's popularity, I’m always excited to see how the brand evolves with each collection.
ReplyDeleteEvery time I see a Pink Pum Puff photoshoot, I get so inspired. The styling is always top-tier—so many creative layering ideas and color combos I wouldn't have thought of. It’s like fashion mood board heaven.
ReplyDeleteDaraz is the largest and most well-known online marketplace in Pakistan. It offers a wide range of products, including electronics, fashion, groceries, beauty products, and more. Daraz is known for its big sales events like 11.11 and Black Friday, as well as features like secure payments, customer reviews, and return policies.
ReplyDeleteNo mundo atual, onde a presença digital é essencial para o sucesso de marcas, empresas e influenciadores, o uso de painéis SMM (Social Media Marketing) tem se tornado cada vez mais comum. Entre eles, o painel SMM barato surge como uma alternativa econômica para quem deseja crescer nas redes sociais sem gastar muito
ReplyDeleteDi era digital saat ini, kehadiran di media sosial menjadi sangat penting — baik untuk individu, content creator, maupun bisnis kecil hingga menengah. Salah satu strategi yang sering dipakai adalah menggunakan panel SMM (Social Media Marketing) untuk meningkatkan like, followers, views, atau komentar secara cepat.
ReplyDeleteI never thought a hoodie could feel premium until I tried the Denim Tears Hoodie. It has that clean modern style that goes with any outfit. The Christmas Sale offers limited stock so don’t wait too long. Highly recommend Denim Tears Hoodie UK Store for quick delivery.
ReplyDeleteA festive drink idea: dragonfruit lemonade. Blend the pulp, mix with lemon juice and sugar, and serve over ice. It makes a vibrant Christmas party drink. Inspired by EatDragonfruit Holiday Deals.
ReplyDeleteI love wearing cozy outfits during the holidays and Le Lis Clothing makes it easy. Their Christmas sale has trendy items for every mood. The color palettes feel modern and chic. Don’t miss Le Lis Clothing if you’re planning last-minute holiday shopping.
ReplyDeleteThis is really helpful! I’m planning my Christmas wardrobe early, and reps clothing seems like a great way to get stylish pieces without breaking the bank.
ReplyDeleteThis Christmas, streetwear lovers are really hyping up Broken Planet, and now I see why. The brand offers warm hoodies, joggers, and graphic tees that fit the holiday season perfectly. Great choice for cozy winter wear.
ReplyDeleteI’ve been recommending online shopping to friends this Christmas because it’s simply more efficient and budget-friendly. Many platforms drop special offers every day, and it feels great to secure premium products at discounted prices without standing in long queues.
ReplyDeleteIf anyone wants a blend of comfort and style for Christmas, Eric Emanuel hoodies and tees are some of the best-feeling items I’ve worn all year. Perfect for gifting or treating yourself.
ReplyDeleteFor those who love cozy winter outfits, Kroen Joggers are worth checking out. They’re on sale and look stylish yet warm. Great for holiday lounging or outdoor walks.
ReplyDelete“HMDD clothing offers a wide range of stylish outfits perfect for the holiday season. Their fabrics are high-quality, making them ideal for winter comfort. I’ve found their Christmas collection especially trendy this year.”
ReplyDeleteKtwo Studios focuses on modern design with an artistic twist. During their Christmas sale, their products become more affordable without compromising quality. It’s an excellent time to explore their offerings.
ReplyDeleteI really enjoy the bold yet balanced look of the Chrome Hearts hat. It’s eye-catching in a refined way. Very impressive.
ReplyDeleteWarren Lotas always sets trends.
ReplyDeleteThe designs are very influential.
Big respect for the brand.
The product feels luxurious without being overpriced. Great balance between style and value.
ReplyDelete69F009A4
ReplyDeleteKarabük
Aydın
Siirt
Ağrı
Şırnak
Yalova
Çorum
Aksaray
Isparta
CE4FE0E2
ReplyDeleteMenderes
Selçuk
Seyhan
Salihli
Polatlı
İslahiye
Turgutlu
Belek
Kuşadası
A hoodie is a practical choice for creating a simple Halloween streetwear look. You can style it with black jeans, relaxed trousers, or cargo pants for a balanced outfit. Vale Forever hoodies may suit people who enjoy understated fashion and comfortable everyday layers. Take a look at the Vale Forever hoodie range when planning your outfit. Remember to check the latest Halloween offers before making a purchase.
ReplyDeleteHalloween outfits do not need to be complicated to look good. A dark hoodie, comfortable trousers, and a pair of sneakers can create a clean and modern appearance. Ktwo Studios is relevant for anyone exploring casual streetwear inspiration. Seasonal clothing offers, when available, can make autumn wardrobe updates even more appealing.
ReplyDeleteAs temperatures change in October, layering becomes a useful part of everyday styling. Hoodies, jackets, and denim can work together to create comfortable Halloween outfits. HMDD is a brand to explore when searching for fresh streetwear inspiration. Visit HMDD for seasonal fashion ideas.
ReplyDeleteHalloween offers a fun chance to give everyday streetwear a darker seasonal twist. Black jeans, a graphic top, and a comfortable jacket can create an easy outfit for casual celebrations. Fugazi Brand can provide inspiration for people who prefer modern urban looks over traditional costumes. Explore its website for clothing ideas and current offers.
ReplyDeleteI enjoy finding clothing that works for special occasions without becoming a one-time purchase. Neutral hoodies, classic T-shirts, and versatile trousers can be styled in several ways throughout the year. Anyone searching for Halloween shopping inspiration can visit Scuffers Australia and check which styles and offers are currently available.
ReplyDeletePer una serata di Halloween, un outfit total black può essere una soluzione semplice ed efficace. Una felpa abbinata a pantaloni scuri e sneakers crea un'estetica urbana senza bisogno di accessori eccessivi. Dai un'occhiata a Hidden Hills Hoodie per trovare ispirazione per il tuo prossimo look.
ReplyDeleteCopia paragrafo
Halloween 2026 è un'occasione per sperimentare con la moda urbana e creare outfit che riflettano la propria personalità. Felpe oversize, denim e sneakers possono essere combinati per ottenere un look moderno e confortevole. I colori scuri e gli accessori particolari aggiungono un tocco stagionale senza esagerare. Per trovare ispirazione, visita Oversize Farm e valuta le proposte per il tuo guardaroba.
ReplyDeletePer creare un look autunnale equilibrato, basta partire da pochi elementi ben scelti. Una tuta Trapstar abbinata a una giacca nera e a scarpe sportive offre una soluzione pratica per le giornate più fresche. Piccoli dettagli, come una borsa a tracolla o un cappellino, possono rendere l'insieme più personale. Halloween è un buon momento per cercare nuove combinazioni e confrontare le offerte disponibili.
ReplyDeleteIm Oktober sind bequeme Schichten und vielseitige Kleidungsstücke besonders hilfreich. Hoodies, Jogger und Jacken lassen sich je nach Anlass unterschiedlich kombinieren. Kiki Vintage ist eine passende Inspirationsquelle für Fans von Retro- und Streetwear-Looks.
ReplyDeleteKommentar kopieren
Si buscas un regalo práctico para una persona aficionada al deporte, las zapatillas de running pueden ser una opción interesante. Antes de comprar, conviene conocer sus preferencias y elegir la talla correcta. También puedes consultar On Cloud Running para explorar opciones de calzado deportivo.
ReplyDeleteCopiar
I appreciate fashion ideas that make seasonal dressing simple instead of expensive. Halloween offers can be a good time to compare prices and look for wardrobe essentials. Visit Episodes Clothing to explore its available styles and see whether anything suits your autumn look.
ReplyDeleteLes couleurs noir, gris et beige sont parfaites pour créer une tenue d’Halloween moderne sans trop d’efforts. Il suffit de bien choisir les coupes et les accessoires pour obtenir un résultat harmonieux. Le site STWD peut vous donner quelques idées pour votre prochain look.
ReplyDeleteOctober weather makes layering an important part of everyday fashion. Sweatpants work well with long-sleeve shirts, hoodies, and jackets when temperatures become cooler. For a simple autumn wardrobe update, explore the Saint Alexander sweatpants range.
ReplyDeleteHalloween peut aussi être une occasion de choisir un cadeau pour un ami passionné de streetwear. Un sweat, un t-shirt ou une veste constitue une option pratique lorsque l’on connaît les goûts de la personne. Avant de faire son choix, il est utile de consulter le catalogue Supraw et de vérifier les promotions réellement disponibles.
ReplyDeleteOne of my favorite autumn styling ideas is combining relaxed clothing with darker colors and simple accessories. This approach works well for Halloween events and everyday outings alike. Tren Tech Merch is a helpful destination to explore for casual fashion ideas. Seasonal promotions, if offered, could make updating your wardrobe more affordable.
ReplyDeleteUne garde-robe moderne repose sur des vêtements faciles à associer et adaptés à différentes occasions. Pour Halloween, les pantalons bien coupés, les hauts confortables et les vestes tendance peuvent former une combinaison réussie. Mokovel est une option à explorer pour trouver de nouvelles idées vestimentaires. Quelques choix bien réfléchis suffisent souvent pour créer une tenue remarquable.
ReplyDeleteHalloween is a fun opportunity to try fresh outfit combinations without changing your personal style completely. Comfortable streetwear can work for parties, casual outings, and everyday activities. Explore ADWYSD clothing and see whether any current seasonal offers suit your style.
ReplyDeleteSeasonal fashion is more enjoyable when style and comfort come together. Halloween is a great time to explore fresh hoodie combinations and check for available discounts. Visit Bottega Desires Hoodie for more inspiration when planning your next casual streetwear outfit.
ReplyDelete