Merge pull request #17 from Ash-0007/master

added resume to student-resume
This commit is contained in:
wlfmnstr 2024-04-21 19:45:34 -05:00 committed by GitHub
commit 67d3e9e30d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
15 changed files with 304 additions and 0 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

View file

@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css">
<title>Resume</title>
</head>
<body>
<div class="main">
<div class="grid">
<div class="left">
<div class="imgdiv">
<img src='./Untitled%20design.png'>
</div>
<div class="leftcont">
<div>
<h1 class="hl">Contact</h1>
<hr class="hrl">
<h2 class="hl">Phone</h2>
<p>+1234567890</p>
<h2 class="hl">Email</h2>
<p>sam.altman@example.com</p>
<h2 class="hl">Address</h2>
<p>123 Silicon Valley Blvd<br/> Palo Alto, CA</p>
</div>
<div>
<h1 class="hl">Education</h1>
<hr class="hrl">
<div style="padding: 10px 0">
<h3 class="hl">2005 - 2007</h3>
<h3 class="hle">Master of Business Administration (MBA)</h3>
<p>Stanford Graduate School of Business</p>
</div>
<div style="padding: 10px 0">
<h3 class="hl">2001 - 2005</h3>
<h3 class="hle">Bachelor of Science in Computer Science</h3>
<p>Harvard University</p>
</div>
</div>
<div>
<h1 class="hl">Expertise</h1>
<hr class="hrl">
<ul>
<li>Entrepreneurship</li>
<li>Technology</li>
<li>Investing</li>
<li>Leadership</li>
</ul>
</div>
</div>
</div>
<div class="right">
<div>
<h1 class="name">
<span class="bold">Sam </span> Altman
</h1>
<h1>
Entrepreneur, Investor, Technologist
</h1>
<p>Sam Altman is an entrepreneur, investor, and technologist. He is known for his work as the former President of Y Combinator and as the Executive Chairman of OpenAI.</p>
</div>
<div>
<h1 class="exp">
Experience
</h1>
<hr class="hrr">
</div>
<div>
<div class="expblk">
<div class="expsld">
<div class="circle"></div>
<div class="line"></div>
</div>
<div>
<p class="date">2014 - Present</p>
<p>OpenAI | San Francisco, CA</p>
<p>Executive Chairman</p>
<p>Leading the development of artificial general intelligence and ensuring it benefits all of humanity.</p>
</div>
<div class="expsld">
<div class="circle"></div>
<div class="line"></div>
</div>
<div>
<p class="date">2014 - Present</p>
<p>Y Combinator | Mountain View, CA</p>
<p>President</p>
<p>Helping early-stage startups grow into successful companies through funding and mentorship.</p>
</div>
<div class="expsld">
<div class="circle"></div>
<div class="line"></div>
</div>
<div>
<p class="date">2005 - 2014</p>
<p>Loopt | Palo Alto, CA</p>
<p>Co-founder & CEO</p>
<p>Building a location-based social networking app, acquired by Green Dot Corporation in 2012.</p>
</div>
<div class="expsld">
<div class="circle"></div>
<div class="line"></div>
</div>
<div>
<p class="date">2005</p>
<p>Reddit | San Francisco, CA</p>
<p>Intern</p>
<p>Worked on various projects and gained insight into the startup culture.</p>
</div>
</div>
</div>
<div>
<h1 class="refh">Reference</h1>
<hr class="hrr">
<div class="refgrid">
<div>
<h2>Elon Musk</h2>
<h3 class="refjob">CEO, SpaceX & Tesla</h3>
<h3 class="boldph">Phone: <span class="no">+123 4567890</span></h3>
<h3 class="boldph">Email: <span class="no">elon.musk@example.com</span></h3>
</div>
<div>
<h2>Reid Hoffman</h2>
<h3 class="refjob">Co-founder, LinkedIn</h3>
<h3 class="boldph">Phone: <span class="no">+123 4567890</span></h3>
<h3 class="boldph">Email: <span class="no">reid.hoffman@example.com</span></h3>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,170 @@
html, body {
margin: 0;
padding: 0;
height: 100%;
}
@font-face {
font-family: 'Roboto';
src:url(Font/Roboto-Regular.ttf) format("truetype");
}
@font-face {
font-family: 'Roboto-Thin';
src:url(Font/Roboto-Thin.ttf) format("truetype");
}
@font-face {
font-family: 'Roboto-Bold';
src:url(Font/Roboto-Bold.ttf) format("truetype");
}
.bold{
font-family: "Roboto-Bold", serif;
}
h1,h2{
margin: 0;
padding: 0;
line-height: 1;
color: darkslategray;
}
.hrr{
margin-right: 20px;
}
.main{
font-family: Roboto, serif;
height: 100%;
margin: 0;
padding: 0;
}
.grid{
display: grid;
height: 100%;
grid-template-columns: 1fr 2.5fr;
}
.left{
background-color: #07363b;
}
.right{
background-color: #fff9ec;
padding-left: 20px;
color: slategray;
}
.name{
padding-top: 30px;
color: darkslategray;
font-size: xxx-large;
}
.exp{
padding-top: 50px;
font-family: Roboto-Bold;
}
.expblk{
display: grid;
grid-template-columns: 1fr 10fr;
padding-top: 20px;
margin-bottom: 50px;
font-size: larger;
}
.expsld{
padding-left: 3vw;
padding-top: 0px;
}
.date{
font-family: Roboto-Bold;
line-height: 0;
}
.circle, .line {
left: 50%;
transform: translateX(-50%);
}
.circle {
width: 20px;
height: 20px;
background-color: darkslategray;
border-radius: 50%;
}
.line {
width: 2px;
height: 100%;
background-color: darkslategray;
}
.job{
font-family: Roboto-Bold;
font-size: x-large;
line-height: 0;
}
.refh{
padding-top: 30px;
font-family: Roboto-Bold;
}
.refgrid{
display: grid;
grid-template-columns: 1fr 1fr;
}
.refjob{
font-family: Roboto;
font-size: x-large;
line-height: 0;
}
.boldph{
color: #07363b;
}
.no{
color: slategray;
font-family: Roboto;
}
.imgdiv{
display: flex;
align-items: center;
justify-content: center;
}
img{
border-radius: 50%;
}
.leftcont{
display: flex;
flex-direction: column;
margin-top: 40px;
align-items: left;
justify-content: space-between;
color: white;
margin-left: 30%;
}
.hl{
color: white;
margin: 0;
padding: 0;
line-height: 2;
}
.hle{
color: white;
margin: 0;
padding: 0;
line-height: 0;
}
.hrl{
color: #fff9ec;
width: 100%;
}