-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
248 lines (214 loc) · 18.4 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PC</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="stylesheet" href="resume.css">
</head>
<style>
</style>
<body style ="margin: 0px ;">
<div class= "all">
<div class = "sidebar" style = "">
<div class="sidebar__top">
<img src = "Avatar.jpg" width="180" height="180" style="">
<h2 class = "CarlosTames"> Carlos Tames </h2>
<div class = "Rectangle10" >
<p class = "FrontendDeveloper">Frontend Developer</p>
</div>
<div class = "social">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M20.4 1.20001H3.59995C2.27995 1.20001 1.19995 2.28001 1.19995 3.60001V20.4C1.19995 21.7212 2.27995 22.8 3.59995 22.8H12V14.4H9.59995V11.43H12V8.97001C12 6.37321 13.4544 4.54921 16.5192 4.54921L18.6828 4.55161V7.67761H17.2464C16.0536 7.67761 15.6 8.57281 15.6 9.40321V11.4312H18.6816L18 14.4H15.6V22.8H20.4C21.72 22.8 22.8 21.7212 22.8 20.4V3.60001C22.8 2.28001 21.72 1.20001 20.4 1.20001Z" fill="#6C6C6C"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M20.5556 1C21.2039 1 21.8256 1.25754 22.284 1.71596C22.7425 2.17438 23 2.79614 23 3.44444V20.5556C23 21.2039 22.7425 21.8256 22.284 22.284C21.8256 22.7425 21.2039 23 20.5556 23H3.44444C2.79614 23 2.17438 22.7425 1.71596 22.284C1.25754 21.8256 1 21.2039 1 20.5556V3.44444C1 2.79614 1.25754 2.17438 1.71596 1.71596C2.17438 1.25754 2.79614 1 3.44444 1H20.5556ZM19.9444 19.9444V13.4667C19.9444 12.4099 19.5247 11.3965 18.7774 10.6492C18.0302 9.90201 17.0167 9.48222 15.96 9.48222C14.9211 9.48222 13.7111 10.1178 13.1244 11.0711V9.71444H9.71444V19.9444H13.1244V13.9189C13.1244 12.9778 13.8822 12.2078 14.8233 12.2078C15.2771 12.2078 15.7124 12.3881 16.0333 12.709C16.3542 13.0298 16.5344 13.4651 16.5344 13.9189V19.9444H19.9444ZM5.74222 7.79556C6.2868 7.79556 6.80907 7.57922 7.19415 7.19415C7.57922 6.80907 7.79556 6.2868 7.79556 5.74222C7.79556 4.60556 6.87889 3.67667 5.74222 3.67667C5.1944 3.67667 4.66902 3.89429 4.28165 4.28165C3.89429 4.66902 3.67667 5.1944 3.67667 5.74222C3.67667 6.87889 4.60556 7.79556 5.74222 7.79556ZM7.44111 19.9444V9.71444H4.05556V19.9444H7.44111Z" fill="#6C6C6C"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M4.14286 1C2.40937 1 1 2.40937 1 4.14286V19.8571C1 21.5906 2.40937 23 4.14286 23H19.8571C21.5906 23 23 21.5906 23 19.8571V4.14286C23 2.40937 21.5906 1 19.8571 1H4.14286ZM18.2513 9.21562C18.2513 13.4732 15.0103 18.379 9.08795 18.379C7.26116 18.379 5.56696 17.8487 4.14286 16.9353C4.40313 16.9647 4.65357 16.9746 4.91875 16.9746C6.42634 16.9746 7.81116 16.4638 8.91607 15.5996C7.50179 15.5701 6.31339 14.642 5.9058 13.3652C6.40179 13.4388 6.84866 13.4388 7.35938 13.3062C5.88616 13.0067 4.78125 11.7103 4.78125 10.1437V10.1045C5.20848 10.3451 5.70937 10.4924 6.23482 10.5121C5.79286 10.2174 5.42946 9.81964 5.17902 9.35313C4.92857 8.88661 4.79598 8.36116 4.80089 7.8308C4.80089 7.2317 4.95804 6.6817 5.23795 6.20536C6.82411 8.15982 9.2058 9.43661 11.8772 9.57411C11.4205 7.38884 13.0558 5.61607 15.0201 5.61607C15.9482 5.61607 16.783 6.00402 17.3723 6.63259C18.0991 6.49509 18.7964 6.225 19.4152 5.8567C19.1746 6.60312 18.6688 7.2317 18.0009 7.62946C18.6491 7.56071 19.2777 7.37902 19.8571 7.12857C19.4201 7.77187 18.8701 8.34152 18.2415 8.79821C18.2513 8.93571 18.2513 9.07812 18.2513 9.21562Z" fill="#6C6C6C"/>
</svg>
</div>
</div>
<div class = "Information1" style = "">
<div class = "Information1__top">
<div class = "wraptext",>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" style ="float: left; ">
<path d="M7 11H9V13H7V11ZM21 5V19C21 20.11 20.11 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 3.9 3.9 3 5 3H6V1H8V3H16V1H18V3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5ZM5 7H19V5H5V7ZM19 19V9H5V19H19ZM15 13V11H17V13H15ZM11 13V11H13V13H11ZM7 15H9V17H7V15ZM15 17V15H17V17H15ZM11 17V15H13V17H11Z" fill="#090909"/>
</svg>
<p class = "text">March 12, 1997</p>
</div>
<div class = "wraptext" , style = "">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" style ="float: left;">
<path d="M12 6.5C12.663 6.5 13.2989 6.76339 13.7678 7.23223C14.2366 7.70107 14.5 8.33696 14.5 9C14.5 9.3283 14.4353 9.65339 14.3097 9.95671C14.1841 10.26 13.9999 10.5356 13.7678 10.7678C13.5356 10.9999 13.26 11.1841 12.9567 11.3097C12.6534 11.4353 12.3283 11.5 12 11.5C11.337 11.5 10.7011 11.2366 10.2322 10.7678C9.76339 10.2989 9.5 9.66304 9.5 9C9.5 8.33696 9.76339 7.70107 10.2322 7.23223C10.7011 6.76339 11.337 6.5 12 6.5ZM12 2C13.8565 2 15.637 2.7375 16.9497 4.05025C18.2625 5.36301 19 7.14348 19 9C19 14.25 12 22 12 22C12 22 5 14.25 5 9C5 7.14348 5.7375 5.36301 7.05025 4.05025C8.36301 2.7375 10.1435 2 12 2ZM12 4C10.6739 4 9.40215 4.52678 8.46447 5.46447C7.52678 6.40215 7 7.67392 7 9C7 10 7 12 12 18.71C17 12 17 10 17 9C17 7.67392 16.4732 6.40215 15.5355 5.46447C14.5979 4.52678 13.3261 4 12 4Z" fill="black"/>
</svg>
<p class = "text">TP Ho Chi Minh, Viet Nam</p>
</div>
<div class = "wraptext" , style = "">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" style ="float: left;">
<path d="M4 20C3.45 20 2.979 19.804 2.587 19.412C2.195 19.02 1.99934 18.5493 2 18V6C2 5.45 2.196 4.979 2.588 4.587C2.98 4.195 3.45067 3.99934 4 4H20C20.55 4 21.021 4.196 21.413 4.588C21.805 4.98 22.0007 5.45067 22 6V18C22 18.55 21.804 19.021 21.412 19.413C21.02 19.805 20.5493 20.0007 20 20H4ZM12 13L4 8V18H20V8L12 13ZM12 11L20 6H4L12 11ZM4 8V6V18V8Z" fill="black"/>
</svg>
<p class = "text">[email protected]</p>
</div>
<div class = "wraptext", style = "">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" style ="float: left; ">
<g clip-path="url(#clip0_163_111)">
<path d="M22 3H2C1.46957 3 0.960859 3.21071 0.585786 3.58579C0.210714 3.96086 0 4.46957 0 5L0 19C0 19.5304 0.210714 20.0391 0.585786 20.4142C0.960859 20.7893 1.46957 21 2 21H22C22.5304 21 23.0391 20.7893 23.4142 20.4142C23.7893 20.0391 24 19.5304 24 19V5C24 4.46957 23.7893 3.96086 23.4142 3.58579C23.0391 3.21071 22.5304 3 22 3ZM22 19H2V5H22V19ZM19 18L21 16L19.5 14H17.85C17.63 13.37 17.5 12.7 17.5 12C17.5 11.3 17.63 10.63 17.85 10H19.5L21 8L19 6C17.7 7 16.73 8.38 16.28 10C16.1 10.64 16 11.31 16 12C16 12.69 16.1 13.36 16.28 14C16.73 15.61 17.7 17 19 18ZM9 12C9.79565 12 10.5587 11.6839 11.1213 11.1213C11.6839 10.5587 12 9.79565 12 9C12 8.20435 11.6839 7.44129 11.1213 6.87868C10.5587 6.31607 9.79565 6 9 6C8.20435 6 7.44129 6.31607 6.87868 6.87868C6.31607 7.44129 6 8.20435 6 9C6 9.79565 6.31607 10.5587 6.87868 11.1213C7.44129 11.6839 8.20435 12 9 12ZM9 8C9.26522 8 9.51957 8.10536 9.70711 8.29289C9.89464 8.48043 10 8.73478 10 9C10 9.26522 9.89464 9.51957 9.70711 9.70711C9.51957 9.89464 9.26522 10 9 10C8.73478 10 8.48043 9.89464 8.29289 9.70711C8.10536 9.51957 8 9.26522 8 9C8 8.73478 8.10536 8.48043 8.29289 8.29289C8.48043 8.10536 8.73478 8 9 8ZM15 16.59C15 14.09 11.03 13 9 13C6.97 13 3 14.09 3 16.59V18H15V16.59ZM5.5 16C6.22 15.5 7.7 15 9 15C10.3 15 11.77 15.5 12.5 16H5.5Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_163_111">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
<p class = "text">0909090909</p>
</div>
</div>
<button class="buttonDownloadCV" onclick="window.location.href='PC.html'"><span class= "textDownloadCV">Download CV</span></button>
</div>
</div>
<div class ="content">
<div class="Information2">
<section class = "aboutmesection">
<h2 class = "aboutmeh2" style = "margin:0px ;">About Me</h2>
<div class = "hithere" style = "margin:0;">
<p style = "margin:0 ;padding-bottom:20.4px" >Hi There, I'm Carlos Tames and I am Front-End Web Developer. It's been 2 years, I'm working as web Developer.</p>
<p style = "margin:0">I have developed many websited and also provided my service to college students by getting their projects ready ASAP as a freelancer I have been part of some very good web design projects.</p>
</div>
</section >
<section class = "skillsection" style = "padding-top: 24px; padding-left: 30px; padding-bottom: 50px; padding-right:30px ">
<h2 class ="skillh2" style =" margin:0px;">Skills</h2>
<div class = "twoskill">
<div class = 'frame6' style="">
<div style="display: flex;justify-content: space-between ;">
<p class = "skilltext" style="display:inline-block ; margin:0px ; margin-bottom: 11px;">HTML</p>
<p class = "skilltext" style="display:inline-block ; margin:0px ; margin-bottom: 11px">80%</p>
</div>
<div>
<div class="bg" ,style = "">
<div class="rectangle45" style="--percent: 0.8"></div>
</div>
</div>
</div>
<div class = 'frame6' style="">
<div style="display: flex;justify-content: space-between ;">
<p class = "skilltext" style="display:inline-block ; margin:0px ; margin-bottom: 11px;">JAVASCRIPT</p>
<p class = "skilltext" style="display:inline-block ; margin:0px ; margin-bottom: 11px">60%</p>
</div>
<div>
<div class="bg">
<div class="rectangle45" style="--percent: 0.6"></div>
</div>
</div>
</div>
</div>
<div class = "twoskill" >
<div class = 'frame6' style="margin-left:0px;">
<div style="display: flex;justify-content: space-between ;">
<p class = "skilltext" style="display:inline-block ; margin:0px ; margin-bottom: 11px;">CSS</p>
<p class = "skilltext" style="display:inline-block ; margin:0px ; margin-bottom: 11px">75%</p>
</div>
<div>
<div class="bg">
<div class="rectangle45" style="--percent: 0.75"></div>
</div>
</div>
</div>
<div class = 'frame6' style=" ">
<div style="display: flex;justify-content: space-between ;">
<p class = "skilltext" style="display:inline-block ; margin:0px ; margin-bottom: 11px;">SASS</p>
<p class = "skilltext" style="display:inline-block ; margin:0px ; margin-bottom: 11px">60%</p>
</div>
<div>
<div class="bg" style="">
<div class="rectangle45" style="--percent: 0.6"></div>
</div>
</div>
</div>
</div>
<div class = "twoskill">
<div class = 'frame6' style="margin-left:0px;">
<div style="display: flex;justify-content: space-between ;">
<p class = "skilltext" style="display:inline-block ; margin:0px ; margin-bottom: 11px">BOOTSTRAP</p>
<p class = "skilltext" style="display:inline-block ; margin:0px ; margin-bottom: 11px">80%</p>
</div>
<div>
<div class="bg" >
<div class="rectangle45" style="--percent: 0.8"></div>
</div>
</div>
</div>
<div class = 'frame7' style=" ">
<div style="display: flex;justify-content: space-between ;">
<p class = "skilltext" style="display:inline-block ; margin:0px ; margin-bottom: 11px;color: #fff;">SASS</p>
<p class = "skilltext" style="display:inline-block ; margin:0px ; margin-bottom: 11px ;color: #fff;">60%</p>
</div>
<div>
<div class="bg" style="background: #fff;">
<div class="rectangle45" style="--percent: 0.6;background:#fff;"></div>
</div>
</div>
</div>
</div>
</section>
<section class = "Experience" style = "padding-top:24px;padding-bottom:50px;padding-left:29px; padding-right: 30px">
<h2 class = "WorkExperience" style =" margin:0px; ">Work Experience</h2>
<div class = "frame16" style="">
<li><span class = 'Frontendtext'>Frontend Developer </span> <span class = 'atABC2'>at ABC2</span></li>
<li style = "padding-top:8px"><span class = 'May'>May, 2022 - Present</span></li>
<li style = "padding-top:16px"><span class = 'Leverage'>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</span></li>
</div>
<div class = "frame16" , style = 'margin-top:20px;'>
<li style =""><span class = 'Frontendtext'>Intern </span> <span class = 'atABC2'>at ABC1</span></li>
<li style = "padding-top:8px"><span class = 'May'>May, 2021 - April, 2022</span></li>
<li style = "padding-top:16px"><span class = 'Leverage'>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</span></li>
</div>
</section>
<section class = "Education" style = "padding-left: 29px; padding-top: 24px ; padding-bottom: 50px; padding-right: 30px; gap:30px" >
<h2 class = "WorkExperience" style ="margin: 0px">Education</h2>
<div class = "frame16" , style = "">
<li style =""><span class = 'Frontendtext'>Information Technology </span> <span class = 'atABC2'>at HCMC University of Food Industry</span></li>
<li style = "padding-top:8px"><span class = 'May'>2013 - 2016</span></li>
<li style = "padding-top:16px"><span class = 'Leverage'>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</span></li>
</div>
</section>
</div>
<form class ="form", style ="">
<h2 class = "Contact" style ="padding-top: 24px; padding-left: 30px; margin: 0px ">Contact</h2>
<div class = "FullnameEmail" style="">
<div class = "formitem" style="">
<div style="">
<p class = "formtext" style="margin:0px ; margin-bottom: 12px;">Full Name</p>
</div>
<div>
<input class="Rectangle13" value = "Nguyen Van A |" required>
</input>
</div>
</div>
<div class = "formitem" style="">
<div style="">
<p class = "formtext" style="margin:0px ; margin-bottom: 12px;">Email</p>
</div>
<div>
<input class="Rectangle13" required>
</input>
</div>
</div>
</div>
<div class = 'formitem' style="">
<div style="">
<p class = "formtext" style="margin:0px ; margin-bottom: 12px;">Message</p>
</div>
<div>
<input class="Rectangle113">
</input>
</div>
</div>
<div class="center-content">
<button class="buttonsend" style = "padding : 0px; margin-top:30px ; margin-bottom:26px" onclick="window.location.href='PC.html'" ><span class="textsend">Send</span></button>
</div>
</form>
</div>
</div>
</body>
</html>