<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"> <title>Uh-oh!</title> <style>html, body { margin: 0; padding: 0; width: 100%; height: 100% } html { box-sizing: border-box } *, *:before, *:after { box-sizing: inherit } h1, h2, h3 { color: #333 } h1 { font-size: 2rem; margin: 1rem 0; line-height: 1 } p { margin: 1rem 0; line-height: 1.3 } main p { margin: 1rem auto } nav { padding: 1rem } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; padding: 1rem; color: rgba(0, 0, 0, 0.4); text-align: center; transition: background-color 1s linear } a { color: inherit; transition: all 0.1s ease-in } a:hover { color: rgba(0, 0, 0, 0.8) } h2 { margin: 0; padding: 0; font-size: 2.6em; font-weight: normal; color: #666; color: rgba(0, 0, 0, 0.5); line-height: 1.1em } nav { display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between } nav .logo { opacity: 0.3; transition: all 0.2s ease-in-out } nav .logo img { width: 96px; height: auto } nav .logo:hover { opacity: 0.9 } nav h1 { margin: 0 } .content-container { display: flex; flex-direction: column; align-items: center; margin: 48px 0; text-align: center; } .main-image { width: 100%; max-width: 600px; } .extra-text { color: #3d3d4e; } .art-credit { color: #6e6d7a; font-size: 12px; } footer { display: flex; align-self: stretch; align-items: center; justify-content: space-between } @media screen and (max-width: 760px) { h1 { font-size: 1.5rem } } </style></head><body><nav> <a class="logo" href="https://dribbble.com/"> <img src="/images/dribbble-logo-v2.png" alt="Dribbble logo" class="dribbble-logo"/> </a> <span> <a href="https://dribbble.com/contact">Contact us</a> </span></nav> <main> <section class="message-publicly-unavailable-profile"> <h1>Uh-oh!</h1> <h1>The profile you’re trying to view isn’t public yet.</h1> <p>If this is your profile, you’ll need to apply for a <a href="https://help.dribbble.com/en/articles/11056171">Designer Account</a> to share your portfolio.</p> </section> <section class="content-container"> <img src="/images/uh-oh.png" alt="uh-oh" class="main-image" /> </section> <p class="extra-text">Not your page? Give the owner a heads-up so you can check out their work!</p></main> <footer> <div> </div> <div class="art-credit">Art by Rizki Kurnia</div></footer></body></html>