LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

  

Niya | Creative Dev

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea, repellat dolore nisi, id omnis, necessitatibus mollitia distinctio delectus soluta eveniet accusantium quas veritatis aliquam! Ea architecto beatae inventore qui quisquam?

www.aylinmarie.co
CSS
body {
  margin: 0 auto;
  padding 0px;
  background: linear-gradient(rgba(139, 158, 199, 0.7),rgba(139, 158, 199, 0.7)), url("http://source.unsplash.com/JWiMShWiF14");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-family: sans-serif;
}

.profile-bg {
  width: 300px;
  height: 100%;
  background-color: white;
  text-align: center;
  margin: 0 auto;
  padding: 0px;
}

.profile-bg img {
  width: 250px;
  overflow: hidden;
  border-radius: 50%;
}

.social-bg {
  background-color: #eeeeee;
  height: 65px;
  margin: 0 auto;
  padding: 0px;
}

.fa {
  padding: 20px;
}

.btn {
  padding: 10px 50px 10px 50px;
  margin: 20px;
  border-radius: 20px;
  background-color: #8B9EC7;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: 13px;
  font-weight: bold;
}

.btn:hover {
  background-color: white;
  color: #8B9EC7;
  border: 1px solid #8B9EC7;
}

.fa {
  color: #444;
}

.content {
  padding: 30px;
}

.content p {
  margin-top: 30px;
}



h3 {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .2em;
  font-weight: bold;
  
}

small {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: .2em;
  color: #8B9EC7;
}

footer {
  text-align: center;
  text-transform: uppercase;
  margin: 30px 0px 10px 0px;
  letter-spacing: .2em;
  font-size: 10px;
  font-weight: bold;
}

footer a {
  color: #ffffff;
}
JS
// Not a functional design. Created for the Daily UI Challenge at dailyui.co //

Description

Daily UI Design Challenge #006 - Design a user profile and be mindful of the most important data, names, imagery, placement, etc. Is it for a serious profile? A social profile? (It's up to you!)
Term
Mon, 11/27/2017 - 21:27

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv