Skip to content

Commit 584a861

Browse files
specter25specter25
authored
Merge pull request #68 from Samikmalhotra/master
Adding my web portfolio
2 parents 64f6075 + 9f477db commit 584a861

8 files changed

+590
-0
lines changed

‎Samik Malhotra/Resume.html

+306
Large diffs are not rendered by default.

‎Samik Malhotra/android-chrome-192x192.png

6.18 KB
Loading

‎Samik Malhotra/android-chrome-512x512.png

19.8 KB
Loading

‎Samik Malhotra/background1.png

439 KB
Loading

‎Samik Malhotra/favicon-16x16.png

413 Bytes
Loading

‎Samik Malhotra/favicon-32x32.png

858 Bytes
Loading

‎Samik Malhotra/favicon.ico

15 KB
Binary file not shown.

‎Samik Malhotra/resumestyles.css

+284
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,284 @@
1+
html {
2+
scroll-behavior: smooth;
3+
}
4+
body{
5+
z-index: 0;
6+
position: absolute;
7+
}
8+
9+
h5{
10+
padding-top: 5px;
11+
margin-bottom: 1px;
12+
}
13+
.subs{
14+
color:#838383;
15+
text-align: center;
16+
margin-bottom: 30px;
17+
font-weight: normal;
18+
}
19+
20+
21+
.phead2 {
22+
text-align: center;
23+
font-family: helvetica;
24+
color: white;
25+
font-size: 2.5rem;
26+
}
27+
28+
.btn {
29+
border-radius: 0;
30+
/*border-style: solid;
31+
border-color: white;
32+
border: 0.1rem solid;
33+
color: white;*/
34+
background-color: #151019;
35+
padding: 13px 5px;
36+
width:143px;
37+
}
38+
.btn:hover{
39+
background-color: #22A39F;
40+
}
41+
42+
.phead {
43+
margin: auto;
44+
text-align: center;
45+
padding-top: 250px;
46+
font-size: 7rem;
47+
font-family: helvetica;
48+
color: white;
49+
}
50+
.nav-text-color{
51+
color: white;
52+
font-weight: bold;
53+
}
54+
.nav-text-color:hover{
55+
color: white;
56+
}
57+
58+
.parallax {
59+
60+
background-image: url("background1.png");
61+
background-attachment: fixed;
62+
background-size: cover;
63+
background-repeat: no-repeat;
64+
height: 100vh;
65+
}
66+
.parallax-2{
67+
background-image: url("bakck.jpg");
68+
background-attachment: fixed;
69+
background-size: cover;
70+
background-repeat: no-repeat;
71+
height: 100vh;
72+
}
73+
.parallax-hr {
74+
width: 57%;
75+
color: white;
76+
border: 3px solid white;
77+
margin-top: 0;
78+
}
79+
.profile{
80+
padding: 2% 0 7%;
81+
}
82+
83+
.main-heading{
84+
text-align: center;
85+
color: #22A39F;
86+
margin-bottom: 20px;
87+
}
88+
.profile-photo{
89+
width:75%;
90+
border-radius:100%;
91+
border: 8px solid #e4f9f5;
92+
93+
}
94+
.education{
95+
background-color: #eeeeee;
96+
padding: 2% 0 7%;
97+
98+
}
99+
.education-content{
100+
text-align: left;
101+
}
102+
.Skills{
103+
height: 100vh;
104+
}
105+
.achievements{
106+
margin-top: 5%;
107+
padding: 4% 0 0;
108+
background-color: #eeeeee;
109+
110+
}
111+
.projects{
112+
margin: 5% auto;
113+
114+
}
115+
.contact{
116+
background-color: #373a40;
117+
height: 60vh;
118+
119+
}
120+
.main {
121+
width: 65%;
122+
margin: auto;
123+
padding: 30px;
124+
}
125+
.main-hr{
126+
border: 1px solid #838383 ;
127+
}
128+
129+
.side {
130+
131+
position: fixed;
132+
right: 2%;
133+
height: 500px;
134+
margin-top: 100px;
135+
text-align: center;
136+
137+
}
138+
.side-bottom{
139+
position: fixed;
140+
bottom: 4%;
141+
right:2%;
142+
}
143+
.fa-4x{
144+
color: #151019;
145+
}
146+
.fa-4x:hover{
147+
color:#22A39F;
148+
}
149+
150+
.row{
151+
margin-top:60px;
152+
margin-bottom: 10px;
153+
}
154+
155+
.col-4 {
156+
border-spacing: 20px;
157+
text-align: left;
158+
159+
font-family: 'Poppins', sans-serif;
160+
font-size: 1.3rem;
161+
}
162+
.col-8{
163+
border-spacing: 20px;
164+
text-align: left;
165+
166+
font-family: 'Poppins', sans-serif;
167+
font-size: 1.3rem;
168+
}
169+
170+
.bold-span{
171+
font-weight: bold;
172+
font-family: 'Poppins', sans-serif;
173+
}
174+
.fa-map-marker{
175+
color: #22A39F;
176+
padding:5px 5px 5px 0;
177+
padding-top: 10px;
178+
}
179+
.fa-map-marker-text{
180+
color:#22A39F;
181+
}
182+
.rating{
183+
float: right;
184+
color: #838383;
185+
}
186+
.colored-rating{
187+
color:#41aea9;
188+
}
189+
190+
.col-12{
191+
padding: 2% 2%;
192+
font-family: 'Poppins', sans-serif;
193+
font-size: 1.3rem;
194+
}
195+
.col-12:hover{
196+
background-color: #0f3057;
197+
color:white;
198+
}
199+
.center{
200+
text-align: center;
201+
}
202+
203+
204+
.trophy:hover{
205+
color: #fa7d09;
206+
}
207+
.check-circle:hover{
208+
color:#81b214;
209+
}
210+
.gradcap:hover{
211+
color: #4f8a8b ;
212+
}
213+
.col-md-6{
214+
padding-bottom: 2%;
215+
}
216+
.contact-para{
217+
text-align:center;
218+
padding: 5%;
219+
}
220+
.achievements-para{
221+
padding: 10%;
222+
font-family:;
223+
font-weight: bold;
224+
font-size: 1.2rem;
225+
}
226+
.fa-github{
227+
padding-right: 10px;
228+
}
229+
.fa-github:hover{
230+
color:white;
231+
padding-right: 20px;
232+
}
233+
.fa-envelope{
234+
padding-left: 10px;
235+
}
236+
.fa-envelope:hover{
237+
color:white;
238+
padding-left: 20px;
239+
}
240+
.about-me-details-heading{
241+
text-align: center;
242+
font-size: 1.5rem;
243+
color: #22A39F;
244+
margin-bottom: 20px;
245+
font-weight: bold;
246+
}
247+
.about-me-details-text{
248+
font-family: helvetica;
249+
font-size: 1.2rem;
250+
font-weight: 600;
251+
}
252+
.col-lg-4{
253+
text-align: left;
254+
}
255+
@media only screen and (max-width: 1028px) {
256+
.parallax{
257+
258+
}
259+
260+
.col-12{
261+
font-size: 1.8rem;
262+
263+
}
264+
.profile-photo{
265+
width: 40%;
266+
}
267+
.side{
268+
display: none;
269+
}
270+
.main{
271+
width:100%;
272+
}
273+
.about-me-details-heading{
274+
text-align: center;
275+
font-size: 2rem;
276+
font-weight: bold;
277+
}
278+
.about-me-details-text{
279+
font-size: 1.5rem;
280+
text-align: center;;
281+
}
282+
.col-lg-4{
283+
padding-bottom: 30px;
284+
}

0 commit comments

Comments
 (0)