Skip to content

Commit 77c5ef0

Browse files
AndjelUrshiniAndjelUrshini
committed
Commit
0 parents  commit 77c5ef0

28 files changed

+785
-0
lines changed

‎Images/AdobePhotoshop.png

19.7 KB
Loading

‎Images/AndiLogo.jfif

78.6 KB
Binary file not shown.

‎Images/C-sharp.png

6.45 KB
Loading

‎Images/Css.png

47.7 KB
Loading

‎Images/Figma.png

18.4 KB
Loading

‎Images/FirstPage.png

374 KB
Loading

‎Images/Git.png

2.33 KB
Loading

‎Images/HTML.png

25.6 KB
Loading

‎Images/Mysql_logo.png

12.7 KB
Loading

‎Images/React.png

43.9 KB
Loading

‎Images/VScommunity.png

192 KB
Loading

‎Images/VisualStudio.png

112 KB
Loading

‎Images/Website.png

1.95 MB
Loading

‎Images/bootstrap.png

17.9 KB
Loading

‎Images/javascript.png

54.7 KB
Loading

‎Images/netlogo.png

13 KB
Loading

‎Images/nodejs.png

25.6 KB
Loading

‎Images/perfumeshop.png

1.36 MB
Loading

‎Images/sqlserver.svg

Lines changed: 1 addition & 0 deletions
Loading

‎Images/tailwind.png

278 KB
Loading

‎about.css

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
.about{
2+
width: 100%;
3+
min-height: 30vh;
4+
background-color: var(--gray);
5+
padding-bottom: 24px ;
6+
}
7+
.about-container{
8+
max-width: 1440px;
9+
padding: 32px 24px;
10+
margin: auto;
11+
display: flex;
12+
justify-content: space-between;
13+
}
14+
.about-center, .about-right, .about-left{
15+
display: flex;
16+
flex-direction: column;
17+
gap: 24px;
18+
}
19+
.about-center-title h1{
20+
font-size: max(1vw,24px);
21+
color: var(--blue);
22+
}
23+
.about-center-menu,
24+
.about-right-info{
25+
display: flex;
26+
flex-direction: column;
27+
gap: 12px;
28+
}
29+
.about-right-title h1{
30+
font-size: max(1vw,24px);
31+
}
32+
.about-right-title span{
33+
color: var(--blue);
34+
}
35+
.about hr{
36+
border: none;
37+
width: 80%;
38+
height: 1px;
39+
background-color: var(--black);
40+
margin: auto;
41+
}
42+
.copyright{
43+
text-align: center;
44+
margin-top: 24px;
45+
}
46+
.copyright p{
47+
color: var(--blue);
48+
}

‎contact.css

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
.contact{
2+
width: 100%;
3+
min-height: 60vh;
4+
background-color: var(--white);
5+
padding-left: 24px;
6+
padding-right: 24px;
7+
}
8+
.contact-title{
9+
text-align: center;
10+
padding-top: 32px;
11+
}
12+
.contact-title h1{
13+
font-size: max(2vw,24px);
14+
}
15+
.contact-title span{
16+
color: var(--blue);
17+
}
18+
.contact-container{
19+
max-width: 800px;
20+
min-width: 280px;
21+
min-height: 40vh;
22+
background-color: var(--gray);
23+
display: flex;
24+
flex-direction: column;
25+
margin: auto;
26+
margin-top: 24px;
27+
border-radius: 8px;
28+
}
29+
.input-name-subject{
30+
margin-top: 32px;
31+
display: grid;
32+
gap: 24px;
33+
justify-content: center;
34+
grid-template-columns: repeat(2,260px);
35+
}
36+
.input-name-subject input{
37+
outline: none;
38+
padding: 8px 16px;
39+
border: none;
40+
border-radius: 4px;
41+
}
42+
.input-email{
43+
max-width: 540px;
44+
min-width: 260px;
45+
display: flex;
46+
margin: auto;
47+
margin-top: 32px;
48+
}
49+
.input-email input{
50+
width: 100%;
51+
outline: none;
52+
padding: 8px 16px;
53+
border: none;
54+
border-radius: 4px;
55+
}
56+
.textarea-input{
57+
max-width: 540px;
58+
min-width: 260px;
59+
display: flex;
60+
justify-content: center;
61+
margin: auto;
62+
margin-top: 32px;
63+
text-align: center;
64+
}
65+
.textarea-input textarea{
66+
width: 100%;
67+
min-height: 15vh;
68+
outline: none;
69+
padding: 8px 16px;
70+
border: none;
71+
resize: none;
72+
border-radius: 4px;
73+
}
74+
.input-name-subject input:focus,
75+
.input-email input:focus,
76+
.textarea-input textarea:focus{
77+
border: 1px solid var(--blue);
78+
}
79+
.button-input{
80+
display: flex;
81+
justify-content: center;
82+
margin-top: 24px;
83+
}
84+
.button-input button{
85+
border: none;
86+
outline: none;
87+
background-color: var(--blue);
88+
color: white;
89+
padding: 8px 16px;
90+
border-radius: 4px;
91+
}

‎expertise.css

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
.expertise{
2+
width: 100%;
3+
min-height: 35vh ;
4+
padding-bottom: 24px;
5+
}
6+
.expertise-title{
7+
text-align: center;
8+
margin-top: 32px;
9+
}
10+
.expertise-title h1{
11+
font-size: max(2vw,24px);
12+
}
13+
.expertise-title span{
14+
color: var(--blue);
15+
}
16+
.expertise-container{
17+
max-width: 1440px;
18+
padding: 24px;
19+
margin: auto;
20+
margin-top: 24px;
21+
display: grid;
22+
grid-template-columns: repeat(8,80px);
23+
justify-content: center;
24+
gap: 32px;
25+
}
26+
.expertise-card{
27+
width: 80px;
28+
height: 80px;
29+
background-color: var(--gray);
30+
border-radius: 4px;
31+
display: flex;
32+
align-items: center;
33+
justify-content: center;
34+
padding: 12px;
35+
}
36+
.expertise-card img{
37+
width: 100%;
38+
}
39+
.expertise-card img:hover{
40+
transform: scale(1.05);
41+
}

0 commit comments

Comments
 (0)