Skip to content

Commit fa91112

Browse files
AmitGiriDevAmitGiriDev
committed
init
0 parents  commit fa91112

22 files changed

+3282
-0
lines changed

‎LPU_hackathon main/.gitignore

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# PHPStorm
2+
.idea

‎LPU_hackathon main/app.js

+56
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
(function () {
2+
[...document.querySelectorAll(".control")].forEach(button => {
3+
button.addEventListener("click", function () {
4+
document.querySelector(".active-btn").classList.remove("active-btn");
5+
this.classList.add("active-btn");
6+
document.querySelector(".active").classList.remove("active");
7+
document.getElementById(button.dataset.id).classList.add("active");
8+
})
9+
});
10+
document.querySelector(".theme-btn").addEventListener("click", () => {
11+
document.body.classList.toggle("light-mode");
12+
})
13+
})();
14+
15+
function generateCV() {
16+
// document.getElementById('fname').innerHTML('fname')
17+
let nameField = document.getElementById("fname").value;
18+
document.getElementById("nm").innerHTML = nameField;
19+
20+
let post = document.getElementById("post").value;
21+
document.getElementById("pst").innerHTML = post;
22+
23+
let email = document.getElementById("email").value;
24+
document.getElementById("email1").innerHTML = email;
25+
26+
27+
let mob = document.getElementById("mob").value;
28+
document.getElementById("mob1").innerHTML = mob;
29+
30+
let ctry = document.getElementById("country").value;
31+
document.getElementById("country1").innerHTML = ctry;
32+
33+
let ed = document.getElementById("ed").value;
34+
document.getElementById("ed1").innerHTML = ed;
35+
36+
// let 1 = document.getElementById("1").value;
37+
// document.getElementById("ed1").innerHTML = 1;
38+
39+
let lang = document.getElementById("lang").value;
40+
document.getElementById("lang1").innerHTML = lang
41+
42+
let des = document.getElementById("Description").value;
43+
document.getElementById("description1").innerHTML = des;
44+
45+
let file = document.getElementById("imgField").files[0];
46+
console.log(file);
47+
let reader = new FileReader();
48+
reader.readAsDataURL(file);
49+
console.log(reader.result);
50+
//set the image to template
51+
reader.onloadend = function () {
52+
document.getElementById("imgTemplate").src = reader.result;
53+
};
54+
55+
};
56+

‎LPU_hackathon main/img/blog1.jpg

94.2 KB
Loading

‎LPU_hackathon main/img/blog2.jpg

52.3 KB
Loading

‎LPU_hackathon main/img/blog3.jpg

53.8 KB
Loading

‎LPU_hackathon main/img/port1.jpg

55.4 KB
Loading

‎LPU_hackathon main/img/port2.jpg

90.8 KB
Loading

‎LPU_hackathon main/img/port3.jpg

56.9 KB
Loading

‎LPU_hackathon main/img/port4.jpg

68.6 KB
Loading

‎LPU_hackathon main/img/port5.jpg

32.8 KB
Loading

‎LPU_hackathon main/img/port6.jpg

85.3 KB
Loading

‎LPU_hackathon main/img/port7.jpg

49.1 KB
Loading

‎LPU_hackathon main/img/profile.png

205 KB
Loading

‎LPU_hackathon main/index.html

+886
Large diffs are not rendered by default.

‎LPU_hackathon main/styles/_media.scss

+281
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,281 @@
1+
.about-container .left-about p{
2+
padding-left: 0;
3+
}
4+
5+
@media screen and (max-width: 600px) {
6+
header{
7+
padding: 0 !important;
8+
}
9+
.theme-btn{
10+
width: 50px;
11+
height: 50px;
12+
}
13+
.header-content{
14+
grid-template-columns: repeat(1, 1fr);
15+
padding-bottom: 6rem;
16+
}
17+
18+
.left-header{
19+
.h-shape{
20+
display: none;
21+
}
22+
}
23+
.right-header{
24+
grid-row: 1;
25+
padding-right: 0rem !important;
26+
width: 90%;
27+
margin: 0 auto;
28+
.name{
29+
font-size: 2.5rem !important;
30+
text-align: center;
31+
padding-top: 3rem;
32+
}
33+
}
34+
.header-content .left-header .image{
35+
margin: 0 auto;
36+
width: 90%;
37+
}
38+
39+
.controls{
40+
top: auto;
41+
bottom: 0;
42+
flex-direction: row;
43+
justify-content: center;
44+
left: 50%;
45+
transform: translateX(-50%);
46+
width: 100%;
47+
background-color: var(--color-grey-5);
48+
.control{
49+
margin: 1rem .3rem;
50+
}
51+
}
52+
53+
.about-container{
54+
grid-template-columns: repeat(1, 1fr);
55+
.right-about{
56+
grid-template-columns: repeat(1, 1fr);
57+
padding-top: 2.5rem;
58+
}
59+
.left-about{
60+
padding-right: 0;
61+
p{
62+
padding-left: 0;
63+
}
64+
}
65+
}
66+
67+
.timeline{
68+
grid-template-columns: repeat(1, 1fr);
69+
padding-bottom: 6rem;
70+
}
71+
72+
.container{
73+
padding: 2rem 2.5rem !important;
74+
}
75+
76+
.about-stats{
77+
.progress-bars{
78+
grid-template-columns: repeat(1, 1fr);
79+
}
80+
}
81+
82+
.portfolios{
83+
grid-template-columns: repeat(1, 1fr);
84+
padding-bottom: 6rem;
85+
margin-top: 1rem;
86+
}
87+
88+
.blogs{
89+
grid-template-columns: repeat(1, 1fr);
90+
padding-bottom: 6rem;
91+
}
92+
93+
.contact-content-con{
94+
flex-direction: column;
95+
.right-contact{
96+
margin-left: 0;
97+
margin-top: 2.5rem;
98+
}
99+
100+
}
101+
.contact-content-con .right-contact .i-c-2{
102+
flex-direction: column;
103+
}
104+
.contact-content-con .right-contact .i-c-2 :last-child{
105+
margin-left: 0;
106+
margin-top: 1.5rem;
107+
}
108+
109+
.contact-content-con .right-contact{
110+
margin-bottom: 6rem;
111+
}
112+
113+
.contact-item{
114+
flex-direction: column;
115+
margin: 1rem 0;
116+
p{
117+
font-size: 15px;
118+
color: var(--color-grey-2);
119+
}
120+
span{
121+
font-size: 15px;
122+
}
123+
.icon{
124+
grid-template-columns: 25px 1fr;
125+
}
126+
}
127+
128+
129+
.main-title{
130+
h2{
131+
font-size: 2rem;
132+
span{
133+
font-size: 2.3rem;
134+
}
135+
.bg-text{
136+
font-size: 2.3rem;
137+
}
138+
}
139+
}
140+
}
141+
142+
@media screen and (max-width:1432px){
143+
.container{
144+
padding: 7rem 11rem;
145+
}
146+
147+
.contact-content-con{
148+
flex-direction: column;
149+
.right-contact{
150+
margin-left: 0;
151+
margin-top: 2.5rem;
152+
}
153+
154+
}
155+
.contact-content-con .right-contact .i-c-2{
156+
flex-direction: column;
157+
}
158+
.contact-content-con .right-contact .i-c-2 :last-child{
159+
margin-left: 0;
160+
margin-top: 1.5rem;
161+
}
162+
163+
.contact-content-con .right-contact{
164+
margin-bottom: 6rem;
165+
}
166+
167+
.main-title{
168+
h2{
169+
.bg-text{
170+
font-size: 5.5rem;
171+
}
172+
}
173+
}
174+
175+
}
176+
177+
178+
179+
180+
@media screen and (max-width:1250px){
181+
.blogs{
182+
grid-template-columns: repeat(2, 1fr);
183+
margin-top: 6rem;
184+
}
185+
.portfolios{
186+
grid-template-columns: repeat(2, 1fr);
187+
}
188+
.header-content .right-header{
189+
padding-right: 9rem;
190+
}
191+
192+
}
193+
@media screen and (max-width:660px){
194+
.blogs{
195+
grid-template-columns: repeat(1, 1fr);
196+
}
197+
.portfolios{
198+
grid-template-columns: repeat(1, 1fr);
199+
}
200+
}
201+
202+
@media screen and (max-width:1070px){
203+
.about-container{
204+
grid-template-columns: repeat(1, 1fr);
205+
.right-about{
206+
padding-top: 2.5rem;
207+
}
208+
}
209+
.main-title{
210+
h2{
211+
font-size: 4rem;
212+
span{
213+
font-size: 4rem;
214+
}
215+
.bg-text{
216+
font-size: 4.5rem;
217+
}
218+
}
219+
}
220+
}
221+
222+
@media screen and (max-width:970px){
223+
.container{
224+
padding: 7rem 6rem;
225+
}
226+
.about-container .left-about{
227+
padding-right: 0rem;
228+
}
229+
.header-content{
230+
grid-template-columns: repeat(1, 1fr);
231+
padding-bottom: 6rem;
232+
}
233+
234+
.left-header{
235+
.h-shape{
236+
display: none;
237+
}
238+
.image{
239+
width: 90% !important;
240+
margin: 0 auto !important;
241+
242+
}
243+
}
244+
.right-header{
245+
grid-row: 1;
246+
padding-right: 0rem !important;
247+
width: 90%;
248+
margin: 0 auto;
249+
.name{
250+
font-size: 2.5rem !important;
251+
text-align: center;
252+
padding-top: 3rem;
253+
}
254+
}
255+
}
256+
@media screen and (max-width:700px){
257+
.container{
258+
padding: 7rem 3rem;
259+
}
260+
.about-stats .progress-bars{
261+
grid-template-columns: repeat(1, 1fr);
262+
}
263+
.about-container .right-about{
264+
grid-template-columns: repeat(1, 1fr);
265+
}
266+
267+
.timeline{
268+
grid-template-columns: repeat(1, 1fr);
269+
}
270+
.main-title{
271+
h2{
272+
font-size: 3rem;
273+
span{
274+
font-size: 3rem;
275+
}
276+
.bg-text{
277+
font-size: 4rem;
278+
}
279+
}
280+
}
281+
}

0 commit comments

Comments
 (0)