如何在 github 中使用 HTML 和主机创建简历？

在本文中，我们将解释如何使用 HTML 和 CSS 创建简历，然后，我们将其托管在 GitHub 上并创建一个链接，以便我们可以在需要时随时访问它。

方法：我们将 HTML & CSS 来创建这份简历。现在我们将了解代码部分和设计部分。在 HTML 部分中，我们将 CSS 页面链接到 head 部分，并且页面的标题也写在那里。

HTML：我们将使用 HTML 来创建页面的布局。在index.html文件中，我们为左侧和右侧部分使用了两个 div 块。在左侧的 div 块中，我们使用 5 个 div 块分别表示 Image、Contact、Skills、Language & Hobbies，并将数据放在每个部分中。在右侧，我们使用五个 div 块来表示 Name、Summary、Experience、Education 和 Project。我们在这里使用了列表和表格元素。
CSS：在 resume.css文件我们将为每个 div 设置一个用于设计此简历的类名。对于左侧的 div 块，我们使用类名 (.left)，类似的右侧我们使用 (.right) 并设置属性背景颜色和位置。我们将在整个页面的 body 和 grid 中使用 flex 显示属性。

HTML


 

    
    
    
    

 

    
        
            
                
            
            
                Contact
                 
 
Email id:xyz@gmail.com
 
 
 
                 
 
Mobile no :1234567890
 
 
            
            
                Skills
                
                    Programming Languages :
                      Python, Java, C++
                    Frontend : HTML5, CSS3,
                      JavaScript, React
                    Backend : Node.js
                
            
            
                Language
                
                    English
                    Hindi
                
            
            
                Hobbies
                
                    Playing cricket
                    Swimming
                
            
        
        
            
                GeeksforGeeks
            
            
                 
 
Web Developer
 
 
 
            
            
                Summary
                 
 
To secure a challenging position in a
                  reputable organization
                    to expand my learning knowledge and skill
                
 
 
 
            
            
                Experience
                Abc webdev pvt ltd - Senior Web Developer
                 
 
January 2022 to Present
 
 
 
                
                    Actively engaged in web creative
                      design and development.
                    Designing project & planing
                
                Xyz webdev pvt ltd - junior web developer
                 
 
August 2021 to December 2021
 
 
 
                
                    Actively engaged in web creative
                      design and development.
                    Designing project & planing
                    Working on designing
                
            
            
                Education
                
                    
                        
                        
                        
                    
                    
                        
                        
                        
                    
                    
                        
                        
                        
                    
                University/college   Passing year   percentage/cgpa
xyz 2020 8.9
pqr 2018 89%
            
            
                
                    
                        Project1
                         
 
This project is based on html
                          & used React
 
 
 
                    
                    
                        Project2
                         
 
This project is based on html
                          & used React

University/college	Passing year	percentage/cgpa
xyz	2020	8.9
pqr	2018	89%

CSS

/* Write CSS Here */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background-color: rgb(253, 254, 255);
    display: flex;
    justify-content: center;
    align-items: center;
}
.full {
    width: 50%;
    max-width: 1000px;
    min-height: 100px;
    background-color: rgb(245, 239, 231);
    margin: 0px;
    display: grid;
    grid-template-columns: 2fr 4fr;
}
.left {
    position: initial;
    background-color: rgb(126, 219, 231);
    padding: 20px;
 
}
.right {
    position: initial;
    background-color: rgb(162, 202, 206);
    padding: 20px;
 
}
.image, .Contact, .Skills, .Language, .Hobbies, .title,
.Summary, .Experience, .Education, .project {
    margin-bottom: 30px;
}
.h2 {
    background-color: rgb(4, 96, 150);
}

输出：