html css profile card

Solutions on MaxInterview for html css profile card by the best coders in the world

showing results for - "html css profile card"
Lydia
27 Nov 2020
1<!DOCTYPE html>
2<html>
3<head>
4<style>
5.card {
6  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
7  max-width: 300px;
8  margin: auto;
9  text-align: center;
10  font-family: arial;
11}
12
13.title {
14  color: grey;
15  font-size: 18px;
16}
17
18button {
19  border: none;
20  outline: 0;
21  display: inline-block;
22  padding: 8px;
23  color: white;
24  background-color: #000;
25  text-align: center;
26  cursor: pointer;
27  width: 100%;
28  font-size: 18px;
29}
30
31a {
32  text-decoration: none;
33  font-size: 22px;
34  color: black;
35}
36
37button:hover, a:hover {
38  opacity: 0.7;
39}
40</style>
41</head>
42<body>
43
44<h2 style="text-align:center">User Profile Card</h2>
45
46<div class="card">
47  <img src="image.jpg" alt="Yasin" style="width:100%">
48  <h1>Yasin</h1>
49  <p class="title">Coder & Pianist</p>
50  <p>>> Type here</p>
51  <div style="margin: 24px 0;">
52    <a href="#"><i class="fa fa-dribbble"></i></a> 
53    <a href="#"><i class="fa fa-twitter"></i></a>  
54    <a href="#"><i class="fa fa-linkedin"></i></a>  
55    <a href="#"><i class="fa fa-facebook"></i></a> 
56  </div>
57  <p><button>Contact</button></p>
58</div>
59
60</body>
61</html>
62
queries leading to this page
profile card using html and css onlyhtml profile templateprofile list card in htmlw3schools profile carduser profile detail page html templatecard profile cssprofile card css html profile html templatehow to make a profile card in htmlprofile card cssuser profile form templateprofile card template htmluser profile page template html css free profile user page templatebasic user profile template htmluser profile css templateprofile cards htmlprofile cards html cssuser profile website templatehtml css template for user profileuser profile html templatecard profile html styleprofile card html cssfree user profile page html templateuser profile page templateprofile cards csscss profile cardcustomer profile template htmluser profile page examples htmlsimple user profile html templatehtml pure css profile cardhtml css profile carduser profile htmlprofile template htmlaccount profile template htmlcss profile cardssimple html pure css profile cardedit user profile page html templateuser profile page html templateprofile card htmluser profile page html template w3schoolsuser profile html css templatehtml css profile card templateprofile design template htmlhtml template user profileuser profile template html csssimple profile card cssprofile card design html cssprofile html templateshtml css profile cardshtml pure css profile card codew3school profile cardhtml css card profileuser profile record html template freeuser profile template for websiteprofile cards html design user profile card html csssimple user profile html css templateuser profile template htmlcss profile card design cssuser profile page html template free downloadhtml profile cardhtml css profile card