第三版简历
This commit is contained in:
Cx330 committed
1 parent
683091e239
commit
2d504763db
5 files changed
+381
-130
No files matched your search
+156
-38
@@ -9,72 +9,127 @@
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
body {
|
||||
display: flex;
|
||||
display: block;
|
||||
width: 210mm;
|
||||
height: 297mm;
|
||||
margin: auto;
|
||||
margin: 0 auto;
|
||||
background-color: #ffffff;
|
||||
color: #333;
|
||||
}
|
||||
li {
|
||||
line-height: 1.4;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 3px;
|
||||
text-align: justify;
|
||||
}
|
||||
p {
|
||||
line-height: 1.4;
|
||||
line-height: 1.5;
|
||||
text-align: justify;
|
||||
}
|
||||
.left {
|
||||
padding: 55px 34px;
|
||||
.page {
|
||||
width: 210mm;
|
||||
height: 297mm;
|
||||
padding: 45px 40px;
|
||||
}
|
||||
.right {
|
||||
padding: 55px 45px;
|
||||
.page-left {
|
||||
background-color: #ffffff;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
.left {
|
||||
width: 61.8%;
|
||||
.page-right {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.right {
|
||||
width: 38.2%;
|
||||
.left-section {
|
||||
width: 65%;
|
||||
float: left;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.left-section h2 {
|
||||
margin-top: 14px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.left-section h3 {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.left-section .section {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.left-section .basic-info {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.left-section .project-item {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.left-section .experience-item {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.left-section .education-item {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.right-section {
|
||||
width: 35%;
|
||||
float: right;
|
||||
background-color: #f1f3f5;
|
||||
padding: 35px 25px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 32px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 20px;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 8px;
|
||||
font-size: 18px;
|
||||
margin-top: 18px;
|
||||
margin-bottom: 10px;
|
||||
color: #1f3a93;
|
||||
padding-bottom: 6px;
|
||||
border-bottom: 2px solid #1f3a93;
|
||||
}
|
||||
h3 {
|
||||
font-size: 15px;
|
||||
margin-top: 12px;
|
||||
margin-bottom: 8px;
|
||||
color: #333;
|
||||
}
|
||||
h4 {
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-left: 20px;
|
||||
list-style-type: disc;
|
||||
}
|
||||
.section {
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.contact-info {
|
||||
margin-top: 25px;
|
||||
margin-top: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
.contact-info h2 {
|
||||
color: #000000;
|
||||
border-bottom: none;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.contact-info p {
|
||||
margin-bottom: 6px;
|
||||
margin-bottom: 8px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.skills {
|
||||
margin-top: 25px;
|
||||
margin-top: 18px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.skills h3 {
|
||||
.right-section h3 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 12px;
|
||||
margin-top: 5px;
|
||||
color: #000000;
|
||||
}
|
||||
.skill-tags {
|
||||
display: flex;
|
||||
@@ -87,36 +142,99 @@
|
||||
color: #1f3a93;
|
||||
padding: 4px 10px;
|
||||
border-radius: 12px;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.skill-tags + h3 {
|
||||
margin-top: 25px;
|
||||
}
|
||||
.skill-tags.software span {
|
||||
background-color: #e3f2fd;
|
||||
color: #0d47a1;
|
||||
border: 1px solid #90caf9;
|
||||
margin-top: 45px;
|
||||
}
|
||||
.qr {
|
||||
text-align: center;
|
||||
padding-top: 25px;
|
||||
margin-top: 45px;
|
||||
}
|
||||
.qr img {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
object-fit: contain;
|
||||
}
|
||||
.qr h5 {
|
||||
font-size: 11px;
|
||||
margin-top: 10px;
|
||||
color: #666;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.avatar {
|
||||
width: 180px;
|
||||
height: 180px;
|
||||
margin-bottom: 20px;
|
||||
width: 145px;
|
||||
height: 145px;
|
||||
margin-bottom: 15px;
|
||||
object-fit: cover;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.logo {
|
||||
margin-top: 50px;
|
||||
margin-top: 25px;
|
||||
text-align: center;
|
||||
font-family: 'Pacifico', cursive;
|
||||
font-size: 36px;
|
||||
font-size: 26px;
|
||||
color: #010101;
|
||||
}
|
||||
.basic-info {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.basic-info p {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.tagline {
|
||||
color: #1f3a93;
|
||||
font-weight: 500;
|
||||
}
|
||||
.date {
|
||||
color: #888;
|
||||
font-size: 13px;
|
||||
margin-bottom: 5px !important;
|
||||
}
|
||||
.project-item {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.project-item h4 {
|
||||
color: #1f3a93;
|
||||
}
|
||||
.project-item p {
|
||||
font-size: 13px;
|
||||
color: #555;
|
||||
}
|
||||
.experience-item {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.experience-item h4 {
|
||||
color: #333;
|
||||
}
|
||||
.education-item {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.education-item .school {
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
.education-item .major {
|
||||
color: #666;
|
||||
font-size: 13px;
|
||||
}
|
||||
.education-item .time {
|
||||
color: #888;
|
||||
font-size: 12px;
|
||||
}
|
||||
.award-item {
|
||||
margin-bottom: 9px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.language-item {
|
||||
margin-bottom: 8px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.page-right .right-section {
|
||||
padding-top: 60px;
|
||||
}
|
||||
Reference in new issue
Block a user