forked from juhilsomaiya/udacity-cloud-beginners-practice
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
174 lines (148 loc) · 8.5 KB
/
index.html
File metadata and controls
174 lines (148 loc) · 8.5 KB
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
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<head>
<script type="text/javascript" src="index.js"></script>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="resume-wrapper">
<section class="profile section-padding">
<div class="container">
<div class="picture-resume-wrapper">
<div class="picture-resume">
<span><img src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/128.jpg" alt="" /></span>
<svg version="1.1" viewBox="0 0 350 350">
<defs>
<filter id="goo">
<feGaussianBlur in="SourceGraphic" stdDeviation="8" result="blur" />
<feColorMatrix in="blur" mode="matrix"
values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 21 -9" result="cm" />
</filter>
</defs>
<g filter="url(#goo)">
<circle id="main_circle" class="st0" cx="171.5" cy="175.6" r="130" />
<circle id="circle" class="bubble0 st1" cx="171.5" cy="175.6" r="122.7" />
<circle id="circle" class="bubble1 st1" cx="171.5" cy="175.6" r="122.7" />
<circle id="circle" class="bubble2 st1" cx="171.5" cy="175.6" r="122.7" />
<circle id="circle" class="bubble3 st1" cx="171.5" cy="175.6" r="122.7" />
<circle id="circle" class="bubble4 st1" cx="171.5" cy="175.6" r="122.7" />
<circle id="circle" class="bubble5 st1" cx="171.5" cy="175.6" r="122.7" />
<circle id="circle" class="bubble6 st1" cx="171.5" cy="175.6" r="122.7" />
<circle id="circle" class="bubble7 st1" cx="171.5" cy="175.6" r="122.7" />
<circle id="circle" class="bubble8 st1" cx="171.5" cy="175.6" r="122.7" />
<circle id="circle" class="bubble9 st1" cx="171.5" cy="175.6" r="122.7" />
<circle id="circle" class="bubble10 st1" cx="171.5" cy="175.6" r="122.7" />
</g>
</svg>
</div>
<div class="clearfix"></div>
</div>
<div class="name-wrapper">
<h1>Juhil <br />Somaiya</h1><!-- YOUR NAME AND LAST NAME -->
</div>
<div class="clearfix"></div>
<div class="contact-info clearfix">
<ul class="list-titles">
<li>Call</li>
<li>Mail</li>
<li>Web</li>
<li>Home</li>
</ul>
<ul class="list-content ">
<li>+91 7698373473</li> <!-- YOUR PHONE NUMBER -->
<li>jgs.131296gmail.com</li> <!-- YOUR EMAIL -->
<li><a href="#">www.example.com</a></li> <!-- YOUR WEBSITE -->
<li>Gujarat, India</li> <!-- YOUR STATE AND COUNTRY -->
</ul>
</div>
<div class="contact-presentation">
<!-- YOUR PRESENTATION RESUME -->
<p><span class="bold">Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
euismod
congue nisi, nec consequat quam. In consectetur faucibus turpis eget laoreet. Sed nec imperdiet
purus. </p>
</div>
<div class="contact-social clearfix">
<ul class="list-titles">
<li>Twitter</li>
<li>LinkedIn</li>
<li>Github</li>
</ul>
<ul class="list-content">
<!-- REMEMBER TO PUT THE URL ON THE HREF TAG -->
<li><a href="">@ImJuhilSomaiya</a></li> <!-- YOUR Twitter USER -->
<li><a href="">@ImJuhilSomaiya</a></li> <!-- YOUR LinkedIn USER -->
<li><a href="">@ImJuhilSomaiya</a></li> <!-- YOUR Github USER -->
</ul>
</div>
</div>
</section>
<section class="experience section-padding">
<div class="container">
<h3 class="experience-title">Experience</h3>
<div class="experience-wrapper">
<div class="company-wrapper clearfix">
<div class="experience-title">XYZ</div> <!-- NAME OF THE COMPANY YOUWORK WITH -->
<div class="time">Nov 2012 - Present (Sample)</div> <!-- THE TIME YOU WORK WITH THE COMPANY -->
</div>
<div class="job-wrapper clearfix">
<div class="experience-title">Software Developer </div> <!-- JOB TITLE -->
<div class="company-description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a elit facilisis,
adipiscing
leo in, dignissim magna.</p> <!-- JOB DESCRIPTION -->
</div>
</div>
<div class="company-wrapper clearfix">
<div class="experience-title">Company name</div> <!-- NAME OF THE COMPANY YOUWORK WITH -->
<div class="time">Nov 2010 - Present</div> <!-- THE TIME YOU WORK WITH THE COMPANY -->
</div>
<div class="job-wrapper clearfix">
<div class="experience-title">Freelance, Web Designer / Web Developer</div> <!-- JOB TITLE -->
<div class="company-description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a elit facilisis,
adipiscing
leo in, dignissim magna.</p> <!-- JOB DESCRIPTION -->
</div>
</div>
<div class="company-wrapper clearfix">
<div class="experience-title">Company name</div> <!-- NAME OF THE COMPANY YOUWORK WITH -->
<div class="time">Nov 2009 - Nov 2010</div> <!-- THE TIME YOU WORK WITH THE COMPANY -->
</div>
<div class="job-wrapper clearfix">
<div class="experience-title">Web Designer </div> <!-- JOB TITLE -->
<div class="company-description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a elit facilisis,
adipiscing
leo in, dignissim magna.</p> <!-- JOB DESCRIPTION -->
</div>
</div>
</div>
<!--Skill experience-->
<div class="section-wrapper clearfix">
<h3 class="section-title">Skills</h3> <!-- YOUR SET OF SKILLS -->
<ul>
<li class="skill-percentage">HTML / HTML5</li>
<li class="skill-percentage">CSS / CSS3 / SASS / LESS</li>
<li class="skill-percentage">Javascript</li>
<li class="skill-percentage">Jquery</li>
<li class="skill-percentage">Python</li>
<li class="skill-percentage">Nodejs</li>
</ul>
</div>
<div class="section-wrapper clearfix">
<h3 class="section-title">Hobbies</h3> <!-- DESCRIPTION OF YOUR HOBBIES -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a elit facilisis, adipiscing leo
in,
dignissim magna.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a elit facilisis, adipiscing leo
in,
dignissim magna.</p>
</div>
</div>
</section>
<div class="clearfix"></div>
</div>
</body>
</html>