Stellar Pages resume example

sp-example-resume.md

Your Name

Your Title

• email@example.com
• LinkedIn/your-name
• 123-456-7890

Experience

Title, Work Place 1

Location | 01/2022 - Current

• Lorem ipsum dolor sit amet, consectetur adipiscing elit.
• Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
• Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Title, Work Place 2

Location | 01/2019 - 01/2022

• Lorem ipsum dolor sit amet, consectetur adipiscing elit.
• Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
• Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Title, Work Place 3

Location | 01/2015 - 01/2019

• Lorem ipsum dolor sit amet, consectetur adipiscing elit.
• Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
• Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

[page-end]

Your Name

Your Title

• email@example.com
• LinkedIn/your-name
• 123-456-7890

Education

Name of your degree or schooling

Location | Date

Name of your degree or schooling 2

Location | Date

Name of your degree or schooling 3

Location | Date

style.css

.page {
	color: #333;
	padding: .5in .25in .3in;
}

header {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 24px;
}

header h1 {
	font-size: 36px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 10px;
	text-transform: capitalize;
}

header p {
	font-size: 18px;
	font-weight: 600;
}

header ul {
	font-size: 14px;
	text-align: right;
	list-style: none;
}

header li {
	line-height: 22px;
	margin-bottom: 0;
}

h1 {
	font-size: 26px;
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 24px;
}

h2 {
	font-size: 20px;
	font-weight: 700;
	line-height: 13pt;
	margin-bottom: 8px;
}

h3 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 8px;
}

/* When a h2 directly follows an h3 */
h3 + h2 {
	margin-top: 24px;
}

ul {
	list-style: disc;
	margin-bottom: 16px;
	padding-left: 16px;
}

li {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 4px;
}

a {
	text-decoration: underline;
}