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

<div id="resumecv-layout">
  <div id="resumecv-main">
  <div id="rb-left">
      <div id="rb-left-top">
          <div>
            <h1><span>Your full name</span></h1>
            <h2><span>Job position</span></h2>
          </div>
    </div>
    <div id="resumecv-box-ava">
      <img id="resumecv-ava" src="##image_url##resumecv-avatar.jpg" >
    </div>
    <div class="block resumecv-block">
        <p class="h3"><span class="box-title rb_data">information</span></p>
    </div>
    <div class="box-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 >hello@hello.com</span>
      </p>
      <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 class="block resumecv-block">
          
          <p class="h3"><span class="box-title rb_data">Award</span></p>
          <div>
  
            <div>
              <span class="box-content">Award's name</span>
              <span class="date rb_data">2022</span>
              <div class="clearfix"></div>
            </div>
          </div>
          <div class="clearfix"></div>
        </div>
        <div class="block resumecv-block"  >
          
          <p class="h3"><span class="box-title rb_data" >Certification</span></p>
          <div>
  
            <div>
              
              <span class="box-content">Certification's name</span>
              <span class="date rb_data">2022</span>
              <div class="clearfix"></div>
            </div>
          </div>
          <div class="clearfix"></div>
        </div>
        <div class="block resumecv-block box-skills">
          
           <p class="h3"><span class="box-title rb_data">Skill</span></p>
                  <div class="exp content-edit skill">
                    <div class="resumecv-box-content-skill">
                      <p class="skill-name">Photoshop</p>
                      <div class="status sk-3">
                                <span class="fa fa-star checked"></span>
                                <span class="fa fa-star checked"></span>
                                <span class="fa fa-star checked"></span>
                                <span class="fa fa-star"></span>
                                <span class="fa fa-star"></span>
                      </div>
                    </div>
                  </div>
                  <div class="exp content-edit skill">
                    <div class="resumecv-box-content-skill">
                      <p class="skill-name">Develop</p>
                      <div class="">
                                <span class="fa fa-star checked"></span>
                                <span class="fa fa-star checked"></span>
                                <span class="fa fa-star checked"></span>
                                <span class="fa fa-star"></span>
                                <span class="fa fa-star"></span>
                      </div>
                    </div>
                  </div>
                  <div class="exp content-edit skill">
                    <div class="resumecv-box-content-skill">
                      <p class="skill-name">HTML</p>
                      <div class="">
                                <span class="fa fa-star checked"></span>
                                <span class="fa fa-star checked"></span>
                                <span class="fa fa-star checked"></span>
                                <span class="fa fa-star"></span>
                                <span class="fa fa-star"></span>
                      </div>
                    </div>
                  </div>
        </div>
        <div class="block resumecv-block">
          <p class="h3"><span class="box-title rb_data" name="hob.tit">Hobbies</span></p>
          <div>
            <div>
              
              <div class="box-content">Your hobbies
              </div>
            </div>
          </div>
        </div>
      </div>
  </div>

<div id="resumecv-content">
    
  
    <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-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: #ffff;
   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;
 display: flex;
 flex-wrap: nowrap;
 background-color: #fff;

}
 
 #rb-left .resumecv-block{
 margin-bottom: 30px
 }
 
 #rb-left {
   width: 30%;
   padding:30px 30px 30px 30px;
   background: #fff!important;

}
 #resumecv-content {
   width: 70%;
   background: #fff;
   margin-top: 80px;

}
 
 
 #rb-left-top h1 span{
 display:block
 }
 
 #rb-left-top h2{
 margin:0;
 font-size: 16px;
 font-weight: normal;
 margin-bottom: 12px;
 text-align: left;
   font-style: italic;
   font-weight: 600;
   color:#383838;

}
 
 #rb-left-top h1{
   color:#383838;
 font-size: 28px;	
 margin:0;
 line-height: normal;
 text-transform: uppercase;
 text-align: left;
   font-weight: 700;
padding-bottom: 10px;
 
 }
 
 #resumecv-content .resumecv-block {
   position: relative;
   padding: 5px 10px;
 }
 #rb-left .resumecv-box-content {
 padding-bottom: 0;
 margin:0;
 }
 .skill{
 margin-top: 15px
 }
 
 
 .box-name p{		
   overflow: hidden;
 }
 .box-name{		
 overflow: hidden;
 background: #2f3a40;
 }
 #resumecv-content p{
 margin-bottom: 5px
 }
 #rb-left .h3{
  color:#383838;

font-size: 18px;
   font-weight: bold;
   margin-top: 0;
   text-transform: uppercase;
   
   text-align: left;
 }
 #resumecv-content .head{
   font-size: 18px;
   color: #383838;
   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;
 }
 
 #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{	
 margin-bottom: 10px; auto;
 }
 #resumecv-box-ava img{
 padding: 0;
 border:0;
 width: 150px;
 height: 150px;
 border-radius: 50%;
 
 }
 .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;
 padding-top:0px;
 }
 
 .icoweb i.fa, .icoweb i.fab, .icoweb i.far{
   width: 20px;
   height: 20px;
   background-color:#333;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   display: inline-block;
   text-align: center;
   font-size: 13px;
   line-height: 20px;
   color: #fff!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}
 .rb-skillrate-value[value="1"]{width:20%}
 .rb-skillrate-value[value="2"]{width:40%}
 .rb-skillrate-value[value="3"]{width:60%}
 .rb-skillrate-value[value="4"]{width:80%}
 .rb-skillrate-value[value="5"]{width:100%}
 span.date{font-weight:normal;font-style:italic;padding:0 10px;float:right}
.resumecv-box-content-skill span.fa {
    margin-right: 8px;
    font-size: 18px;
}
.resumecv-box-content-skill span.fa.checked {
    color: #FFC531;
}

Quay lại

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

Việc Làm Marketing