-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (105 loc) · 4.77 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>YOUR NAME RESUME</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<style>
.leftPane{
/* background-color: aqua;*/
font-family: "Adobe Garamond Pro";
font-size: large;
padding-top: 3px;
font-weight: bold;
}
body{
background-color: rgb(214, 238, 255);
}
.rightPane{
font-family: "Georgia";
font-size: medium;
border-left: solid 1px white;
}
</style>
</head>
<body>
<div class="container">
<div class="name text-center" id="name">
<h2><b>YOUR NAME</b></h2>
<p><i class="fa fa-phone" aria-hidden="true"></i> +91-XXXXXXXXXX <i class="fa fa-envelope" aria-hidden="true"></i> abc@example.com</p>
<p><i class="fa fa-linkedin" aria-hidden="true"></i> your.linkedin.url
<i class="fa fa-github" aria-hidden="true"></i> your.github.url
<i class="fa fa-search" aria-hidden="true"></i> your.personal_website.com</p>
</div>
<div class="col-md-12">
<div class="col-md-3 leftPane">
<p class="text-center">About</p>
</div>
<div class="col-md-9 rightPane">
<p>Lorem ipsum dolor sit amet, nihil animal propriae ad nam. Gubergren prodesset ad his, sit graeco nostrud labores an, solet tantas graecis ea est. Mea sanctus facilis no, ius copiosae nominati dissentiet ei, cu duo delicata senserit. Vivendum atomorum sea ei.
</p>
</div>
</div>
<div class="col-md-12">
<div class="col-md-3 leftPane">
<p class="text-center">Education</p>
</div>
<div class="col-md-9 rightPane">
<p><b>College Name</b> <br> 20XX - 20XX <br> CGPA: 0/10</p>
<p><b>Intermediate</b> <br> Passing Year: 20XX <br> Percentage: 0</p>
<p><b>High School</b> <br> Passing Year: 20XX <br> Percentage: 0</p>
</div>
</div>
<div class="col-md-12">
<div class="col-md-3 leftPane">
<p class="text-center">Internships / Projects</p>
</div>
<div class="col-md-9 rightPane">
<p><b>Organization Name:</b> XYZ <br>
<b>Your Position:</b> Lorem Ipsum <br>
<b>Description:</b> Lorem ipsum dolor sit amet, solum graece fabellas sit no. Vis te ipsum dicam adipiscing.
Pri ei vero nominati. Ei reprimique dissentiet eum, aliquid quaestio id sed.
Quo id eligendi erroribus comprehensam.</p>
</div>
</div>
<div class="col-md-12">
<div class="col-md-3 leftPane">
<p class="text-center">Skills</p>
</div>
<div class="col-md-9 rightPane">
<ul style="padding-left: 18px !important;">
<li>Skill 1</li>
<li>Skill 2</li>
<li>Skill 3</li>
</ul>
</div>
</div>
<div class="col-md-12">
<div class="col-md-3 leftPane">
<p class="text-center">Achievements</p>
</div>
<div class="col-md-9 rightPane">
<ol style="padding-left: 18px !important;">
<li>
<p>Aliquid aliquando id duo, exerci possim cum et. Augue inermis oporteat no eam. Atqui consulatu nam in, te meis quas mediocrem vim.
</p>
</li>
<li>
<p>Aliquid aliquando id duo, exerci possim cum et. Augue inermis oporteat no eam. Atqui consulatu nam in, te meis quas mediocrem vim.
</p>
</li>
<li>
<p>Aliquid aliquando id duo, exerci possim cum et. Augue inermis oporteat no eam. Atqui consulatu nam in, te meis quas mediocrem vim.
</p>
</li>
</ol>
</div>
</div>
</div>
</body>
</html>