Chỉnh sửa CV: Resume 5 (chúng tôi sẽ không lưu thông tin này)

<div id="resumecv-layout">
  <div id="resumecv-main">
  
  <div id="resumecv-content">
   
   <div id="resumecv-content-top">
        <div id="resumecv-top-info-img">
            <div class="resumecv-top-info">
                <h1><span>Your full name</span></h1>
                <h2><span>Job position</span></h2>
            </div>
        </div>
        <div id="resumecv-top-info-contact">
            <div class="top-contact">
                <p class="icoweb" ><i class="fa fa-phone"></i><span>+123456789</span></p>
                <p class="icoweb" ><i class="fa fa-envelope-square"></i><span >your@email.com</span>
                  <p class="icoweb"><i class="fa fa-map-marker"></i><span>Los Angeles</span>
                  </p>
                  <p class="icoweb"><i class="fa fa-info"></i><span>fb.com/me</span>
                  </p>
                </div>
        </div>
    </div>
    
    <div class="resumecv-content-main">
    
    <div class="resumecv-block">
        
      <p class="head">
          <i class="fa fa-dot-circle-o" aria-hidden="true"></i>
        <span>Target</span>
      </p>
      <div>
        <div class="resumecv-box-content">
          <div class="exp-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.Lorem Ipsum is simply dummy text of the printing and typesetting industry.
          </div>
        </div>
      </div>
    </div>
    <div class="resumecv-block">
      
      <p class="head">
        <i class="fa fa-graduation-cap" aria-hidden="true"></i>
        <span >Education</span>
      </p>
      <div>
  
        <div class="resumecv-box-content">
          
          <h3>
            <span>School's name</span>
            <span class="exp-date"><em >07/2015</em> - <em >03/2022</em></span>
          </h3>
          <p class="h3">
            <span >Major</span>
          </p>
          <div class="exp-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.Lorem Ipsum is simply dummy text of the printing and typesetting industry.

</div>
        </div>
      </div>
    </div>
    <div class="resumecv-block">
      
      <p class="head">
        <i class="fa fa-briefcase" aria-hidden="true"></i>
        <span>Expericence</span>
      </p>
      <div>
  
        <div class="resumecv-box-content">
          
          <h3>
            <span>Company's name</span>
            <span class="exp-date"><em>04/2022</em> - <em >Now</em></span>
          </h3>
          <p class="h3">
            <span>Position</span>
          </p>
          <div class="exp-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.Lorem Ipsum is simply dummy text of the printing and typesetting industry.
          </div>
        </div>
      </div>
    </div>
    <div class="resumecv-block">
      
      <p class="head">
        <i class="fa fa-user" aria-hidden="true"></i>
        <span>Activities</span>
      </p>
      <div>
  
        <div class="resumecv-box-content">
          <h3>
            <span >Organization's name</span>
            <span class="exp-date"><em >01/2019</em> - <em>03/2022</em></span>
          </h3>
          <p class="h3">
            <span>Position</span>
          </p>
          <div class="exp-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.Lorem Ipsum is simply dummy text of the printing and typesetting industry.
          </div>
        </div>
      </div>
    </div>
    <div class="resumecv-block">
      <p class="head">
          <i class="fa fa-trophy" aria-hidden="true"></i>
        <span>AWARD</span>
      </p>
      <div>
        <div class="resumecv-box-content">
          <h3>
            <span >Award's name</span>
            <span class="exp-date"><em >01/2019</em></span>
          </h3>
        </div>
      </div>
    </div>
    <div class="resumecv-block">
        <p class="head">
            <i class="fa fa-cogs" aria-hidden="true"></i>
          <span>SKILL</span>
        </p>
        <div>
          <div class="resumecv-box-content">
            <h3>
              <span >Skill's name</span>
            </h3>
            <div class="exp-content">Lorem ipsum dolor sit amet, consectetur adipisicing 
            </div>
          </div>
        </div>
      </div>
    
      <div class="resumecv-block">
      
          <p class="head">
              <i class="fa fa-caret-square-o-down" aria-hidden="true"></i>
            <span>More information</span>
          </p>
          <div>
            <div class="resumecv-box-content">
              <div class="exp-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy.Lorem Ipsum is simply dummy text of the printing and typesetting industry.
  
              </div>
            </div>
          </div>
        </div>
    <div class="resumecv-block">
      
      <p class="head">
        <i class="fa fa-link" aria-hidden="true"></i>
        <span>References</span>
      </p>
      <div>
  
        <div class="resumecv-box-content">
          <div class="exp-content">Name, company, phone, email,...
          </div>
        </div>
      </div>
    </div>
    
  </div>
  </div>

</div>
    </div>

#resumecv-layout {
  width: 100%;
  max-width: 210mm;
  background: #3F9599;
  padding: 0;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);

}

#resumecv-main{

font-size: 14px;line-height: 24px;

}

#resumecv-content {
  background: #fff;
}
#resumecv-content .resumecv-content-main{
padding: 10px 0 10px 5px;
}
#resumecv-content-top{	
  background:#383838;
  padding-top: 10px;
  padding-bottom: 40px;

display: flex;
}
   #resumecv-top-info-img{
         width:70%;
      }
      #resumecv-top-info-img .resumecv-top-info{
         padding-top: 34px;
         padding-left: 40px;
      }

#resumecv-box-ava img{
        width:100px;
      }
      #resumecv-top-info-contact{
        width: 30%;
        margin-top: 20px;
        color:white;
        font-size: 14px;
      }
     
#resumecv-content .resumecv-block {
  position: relative;
  padding: 5px 10px;
}
#rb-left .resumecv-box-content {
padding-bottom: 0;
margin:0;
}
.skill{
margin-top: 15px
}

#resumecv-content-top h1{
font-size: 32px;	
margin:0;
padding-bottom: 10px;/* t, r,b,l */
line-height: normal;
text-transform: uppercase;
font-weight: 700;

}

#resumecv-content-top h1 span{
color: #fff;display:block
}

#resumecv-content-top h2{
margin:0;
font-size: 22px;
font-weight: normal;
/* padding: 0 20px 20px 20px; */
color: #fff;
  font-style: italic;
  font-weight: 400;
}
.box-name p{		
  overflow: hidden;
}
.box-name{		
overflow: hidden;
background: #2f3a40;
}
#resumecv-content p{
margin-bottom: 5px
}
#rb-left .h3{
font-size: 18px;
  font-weight: bold;
  margin-top: 0;
  text-transform: uppercase;
  
  text-align: center;
}
#resumecv-content .head{
  font-size: 18px;
  color: #2f3a40;
  padding-bottom: 5px;
  /* border-bottom: 2px solid #9B9C8F; */
  font-weight: bold;
  margin-top: 0;
  text-transform: uppercase;
}

#resumecv-content h3{
  font-weight:bold;font-size: 14px;line-height:30px;margin-bottom: 10px;color: #333;
}

#rb-left .h3 span{
padding: 0px 15px;
}
#resumecv-content span{
display: inline-block;
padding-right: 15px;
padding-left: 15px;
}

#rb-left .h3:first-child{
margin-top: 0
}
.resumecv-box-content{
margin-bottom: 25px;
padding-left: 15px;
position: relative;
}

#resumecv-box-ava{	
text-align:center;
padding:10px;

}
#resumecv-box-ava img{
padding: 0;
border:0;
width: 100px;
height: 100px;

}
.bar-exp span {
  display:block;
  height: 8px;
  background: #d9d9d9;
}
.bar-exp{
background: #2f3a40;
border: solid 2px white;
  margin-bottom: 12px;
}
.icoweb label{
display: block;
color:#627e88;
}
.icoweb span{
display: block;
}

.box-contact{
font-size: 13px;
margin-left: 5px;
padding-top:0px;
}

.icoweb i.fa, .icoweb i.fab, .icoweb i.far{
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: inline-block;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  color: #2f3a40!important;
  margin-right: 10px;
  margin-top: 3px;
  float:left;
}
.head i{
  font-size: 25px;
  margin-right: 10px;
}
.exp-content{
padding-left: 15px;
}
#resumecv-content span.exp-date {
  float: right;
}
.icon_fa{
text-align: center;
}
.icon_fa i.fa{
font-size: 20px;
border: solid 1px #ffffff;
border-radius: 50%;
padding: 5px;
width: 20px;
color: white;
background: #ffffff;
margin-bottom: 5px;
}
p.head i.fa{float:left}

Quay lại

Chỉnh sửa CV: Resume 5 (chúng tôi sẽ không lưu thông tin này)

Việc Làm Marketing