Gitlab Style Profile Cards

Developer
Colt Borg
Size
2,066 Kb
Views
18,216
  1. Gitlab Style Profile Cards Previews
  2. Gitlab Style Profile Cards HTML Codes

How do I make an gitlab style profile cards?

A quick exercise using Tachyons to duplicate the about cards from https://about.gitlab.com/team/. What is a gitlab style profile cards? How do you make a gitlab style profile cards? This script and codes were developed by Colt Borg on 21 November 2022, Monday.

Gitlab Style Profile Cards Previews
IQ Test

Gitlab Style Profile Cards - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Gitlab Style Profile Cards</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet prefetch' href='https://npmcdn.com/[email protected]/css/tachyons.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css'>
</head>
<body> <div class="ma3"> <article class="tc w-75 center pt5 pb2 ph3 mw6-ns ba bw1 b--light-gray"> <header class="mb4"> <img class="br-100" src="https://s3.amazonaws.com/uifaces/faces/twitter/mantia/128.jpg" alt="Profile headshot" /> <h1 class="f3 lh-title mv2 dark-gray">John Doe</h1> <h2 class="f5 silver mt2 mb1">Co-founder, <a class="link dim silver" href="#">Chief Technical Officer (CTO)</a></h2> <p class="f6 silver i ma0">Reports to: CEO</p> <p class="f6 silver mt2 mb0">Maintainer of <a class="link dim silver" href="#">GitLab CE</a></p> <p class="f6 silver mt2 mb4">Merge request <a class="link dim silver" href="#">endboss</a></p> <a class="link dim light-silver" href="#twitter"><i class="fa fa-twitter fa-2x"></i></a> <a class="link dim light-silver" href="#github"><i class="fa fa-github fa-2x"></i></a> <a class="link dim light-silver" href="#instagram"><i class="fa fa-instagram fa-2x"></i></a> </header> <p class="f6 tl lh-copy dark-gray">Dmitriy started GitLab in september 2011 and has released it every month on the 22nd since then. He wanted to make a great and free project management system that he could use every day. He loved to work on GitLab so much that in January of 2013 he began to work on GitLab fulltime. When he has time he loves to code a major new GitLab feature in two days. He loves a good Martini and a merge request that can be accepted without comments. He is the lead author of GitLab CE and CI.</p> </article>
</div>
</body>
</html>
Gitlab Style Profile Cards - Script Codes
Gitlab Style Profile Cards - Script Codes
Home Page Home
Developer Colt Borg
Username legendofcolt
Uploaded November 21, 2022
Rating 4
Size 2,066 Kb
Views 18,216
Do you need developer help for Gitlab Style Profile Cards?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Colt Borg (legendofcolt) Script Codes
Name
FCC - Tribute to Lady Gaga
Atomic class CSS Practice - Pricing Table
Vertical Rhythm with H.G. Wells
Dynamic Point Mesh Animation Exercise
Triangle Image Gallery
Live CSS Clock
A Pen by Colt Borg
Palantir Support HTML
Fixed Bottom Nav
Big Half Circle Seperator
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!