-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
158 lines (131 loc) · 11.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Aione Framework</title>
<link rel="stylesheet" type="text/css" href="https://cdn.aioneframework.com/assets/css/aione.min.css" >
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<link rel="stylesheet" href="assets/css/portfolio.css">
<script
src="https://unpkg.com/github-calendar@latest/dist/github-calendar.min.js"
></script>
<link
rel="stylesheet"
href="https://unpkg.com/github-calendar@latest/dist/github-calendar-responsive.css"
/>
</head>
<!-- End of Head Section -->
<body>
<div id="aione_wrapper" class="aione-wrapper page-home layout-header-top aione-layout-wide aione-theme-arcane">
<div class="wrapper">
<div id="aione_header" class="aione-header light load-template">
<div class="wrapper">
</div>
</div>
<!-- Start aione-header Section-->
<div id="aione_main" class="aione-main fullwidth">
<div class="wrapper">
<div id="aione_content" class="aione-content">
<div class="wrapper">
<div id="aione_page_content" class="aione-page-content">
<div class="wrapper">
<div class="wrapper mv-50">
<div class="ar">
<div class="ac l10 m10 s10" >
<div class="container">
</div>
</div>
<div class="ac l50 m50 s50">
<div class=" ">
<section class=section1>
<h3 > About Me </h3>
<p class=" mv-30"> Write a brief intro about yourself. It's a good idea to include your personal interests and hobbies as well. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec. Commodo ligula eget dolor. Aenean massa.</p>
</section>
<section class="section2 mv-30 ">
<h3 > Latest Projects</h3>
<p class=" mv-30"> Write a brief intro about yourself. It's a good idea to include your personal interests and hobbies as well. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec. Commodo ligula eget dolor. Aenean massa.</p>
<h3 > Projects</h3>
<p class=" mv-30"> Write a brief intro about yourself. It's a good idea to include your personal interests and hobbies as well. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec. Commodo ligula eget dolor. Aenean massa.</p>
</section>
<section class=section3>
<h3 > My GitHub</h3>
<p class=" mv-30"> </p>
<div class="calendar">
<!-- Loading stuff -->
Loading the data just for you.
</div>
<div id="feed"></div>
</section>
</div>
</div>
<div class="ac l33 m33 s33 " style="margin-left: 50px;">
<section class="side1 ">
<ul>
<li><i class="fas fa-map-marker-alt" style="color: #ccd1d6; font-size: 30px; "></i><span>Chabal Road, Anand Vihar, Amritsar</span> </li>
<li><i class="fas fa-envelope" style="color: #ccd1d6; font-size: 30px; "></i> <span>
<a href="" style="color: #2d844e;"> [email protected]</a></span></li>
</ul>
</section>
<section class="side2 mv-30">
<h3>Skills</h3>
<p>Intro about your skills goes here. Keep the list lean and only show your primary skillset. You can always provide a link to your Linkedin or Coderwall profile so people can get more info there. </p>
<ul>
<li>Javascript & jQuery <i class="fas fa-info-circle"></i> beginner</li>
<li><progress value="22" max="100" title="22%"></progress></li>
<li>HTML5, CSS3<i class="fas fa-info-circle"></i> beginner </li>
<li><progress value="22" max="100" title="22%"></progress></li>
<li>PHP<i class="fas fa-info-circle"></i> beginner </li>
<li><progress value="22" max="100" title="22%"></progress></li>
<li><a style="color: #3AAA64;"class="more-link" href="#"><svg class="svg-inline--fa fa-external-link-alt fa-w-18" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="external-link-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M576 24v127.984c0 21.461-25.96 31.98-40.971 16.971l-35.707-35.709-243.523 243.523c-9.373 9.373-24.568 9.373-33.941 0l-22.627-22.627c-9.373-9.373-9.373-24.569 0-33.941L442.756 76.676l-35.703-35.705C391.982 25.9 402.656 0 424.024 0H552c13.255 0 24 10.745 24 24zM407.029 270.794l-16 16A23.999 23.999 0 0 0 384 303.765V448H64V128h264a24.003 24.003 0 0 0 16.97-7.029l16-16C376.089 89.851 365.381 64 344 64H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V287.764c0-21.382-25.852-32.09-40.971-16.97z"></path></svg><!-- <i class="fas fa-external-link-alt"></i> -->More on</a></li>
</ul>
</section>
<section class="side3 mv-30">
<h3>Testimonials</h3>
<blockquote class="quote">
<p><svg class="svg-inline--fa fa-quote-left fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="quote-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"></path></svg><!-- <i class="fas fa-quote-left"></i> -->Krishan Talwar is an excellent software Developer and he is passionate about what he does. You can totally count on him to deliver your projects!</p>
</blockquote>
</section>
<section class="side4 mv-30">
<h3>Education</h3>
<h5 class="title"><svg class="svg-inline--fa fa-graduation-cap fa-w-20" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="graduation-cap" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg=""><path fill="currentColor" d="M622.34 153.2L343.4 67.5c-15.2-4.67-31.6-4.67-46.79 0L17.66 153.2c-23.54 7.23-23.54 38.36 0 45.59l48.63 14.94c-10.67 13.19-17.23 29.28-17.88 46.9C38.78 266.15 32 276.11 32 288c0 10.78 5.68 19.85 13.86 25.65L20.33 428.53C18.11 438.52 25.71 448 35.94 448h56.11c10.24 0 17.84-9.48 15.62-19.47L82.14 313.65C90.32 307.85 96 298.78 96 288c0-11.57-6.47-21.25-15.66-26.87.76-15.02 8.44-28.3 20.69-36.72L296.6 284.5c9.06 2.78 26.44 6.25 46.79 0l278.95-85.7c23.55-7.24 23.55-38.36 0-45.6zM352.79 315.09c-28.53 8.76-52.84 3.92-65.59 0l-145.02-44.55L128 384c0 35.35 85.96 64 192 64s192-28.65 192-64l-14.18-113.47-145.03 44.56z"></path></svg><!-- <i class="fas fa-graduation-cap"></i> --> B.C.A (Bacholer of Computer Application)</h5>
<p class="university">University College India <span class="year">(2016-2019)</span></p>
</section>
<section class="side5 ">
<h3>Languages</h3>
<ul>
<li><span class="title"><strong>English:</strong></span><span class="level">Professional Proficiency <br class=""> <svg class="svg-inline--fa fa-star fa-w-18" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg><!-- <i class="fas fa-star"></i> --> <svg class="svg-inline--fa fa-star fa-w-18" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg><!-- <i class="fas fa-star"></i> --> <svg class="svg-inline--fa fa-star fa-w-18" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg><!-- <i class="fas fa-star"></i> --> <svg class="svg-inline--fa fa-star-half fa-w-18" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star-half" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M288 0c-11.4 0-22.8 5.9-28.7 17.8L194 150.2 47.9 171.4c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.1 23 46 46.4 33.7L288 439.6V0z"></path></svg><!-- <i class="fas fa-star-half"></i> --></span></li>
</ul>
</section>
</div>
</div>
</div>
</div>
<!-- .aione-page-content -->
</div>
</div>
<!-- .aione-content -->
</div>
</div>
<!-- .aione-main -->
<div id="aione_footer" class="aione-footer load-template m-0">
<div class="wrapper">
</div>
</div>
<!-- .aione-footer -->
<div id="aione_copyright" class="aione-copyright load-template m-0">
<div class="wrapper">
</div>
</div>
<!-- .aione-copyright -->
</div>
</div>
<script>
GitHubCalendar(".calendar", "krishantalwar");
// or enable responsive functionality
GitHubCalendar(".calendar", "krishantalwar", { responsive: true });
</script>
<script type="text/javascript" src="https://cdn.aioneframework.com/assets/js/vendor.min.js">
</script>
<script type="text/javascript" src="https://cdn.aioneframework.com/assets/js/aione.min.js">
</script>
</body>
</html>