Skip to content

Commit 897dcf1

Browse files
nilajcodernilajcoder
committed
Basic Portfolio
1 parent ebc2c47 commit 897dcf1

13 files changed

Lines changed: 600 additions & 0 deletions

File tree

‎Html/Portfolio/css/about.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
2+
3+
.Image1 img {
4+
width: 100%;
5+
height: 100%;
6+
border-radius: 10px;
7+
}
8+
9+
10+
.Image1{
11+
display: flex;
12+
justify-content: left;
13+
gap : 20px;
14+
margin: 0px;
15+
padding: 0px;
16+
gap: 20px;
17+
margin-left: 20px;
18+
border: black solid 2px;
19+
width: 25%;
20+
height: 25%;
21+
}
22+
23+
24+
.col1-container1 {
25+
display: table;
26+
width: 100%;
27+
height: 100%;
28+
}
29+
.col1 {
30+
display: table-cell;
31+
padding: 16px;
32+
width: fit-content;
33+
height: auto;
34+
width: 50%;
35+
border: black solid 2px;
36+
}

‎Html/Portfolio/css/home.css‎

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
body {
2+
font-family: Arial, sans-serif;
3+
align-items: center;
4+
background-color: #8498b7;
5+
margin: 10px;
6+
padding: 10 px;
7+
color: #333;
8+
}
9+
.container {
10+
11+
width: 90%;
12+
height: 520px;
13+
margin: 50px auto;
14+
background: white;
15+
padding: 30px;
16+
border-radius: 10px;
17+
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
18+
}
19+
h1, h2 {
20+
color: black;
21+
22+
}
23+
24+
25+
.navbar {
26+
display: flex;
27+
gap: 20px;
28+
align-items: center;
29+
margin-right: 300px;
30+
justify-content: right;
31+
32+
}
33+
34+
35+
.rectangle{
36+
width: 75%;
37+
height: 500px;
38+
background-color: #8498b7;
39+
margin: 0 auto;
40+
padding: 5px;
41+
42+
43+
44+
justify-content: right;
45+
46+
border: black solid 2px;
47+
border-radius: 10px;
48+
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
49+
50+
}
51+
52+
.text p{
53+
padding: 20px;
54+
margin: 0px;
55+
}
56+
57+
.heading h1{
58+
padding: 0px;
59+
margin: 0px;
60+
}
61+
62+
63+
.Image img{
64+
width: 100%;
65+
height: 200px;
66+
border-radius: 10px;
67+
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
68+
margin: 0px;
69+
padding: 0px;
70+
border: black solid 2px;
71+
align-items: center;
72+
justify-content: left
73+
74+
}
75+
76+
.Image{
77+
display: flex;
78+
justify-content: left;
79+
gap : 20px;
80+
margin: 0px;
81+
padding: 0px;
82+
gap: 20px;
83+
margin-left: 20px;
84+
}
85+
86+
.minirec{
87+
width: 75%;
88+
height: 200px;
89+
background-color: #8498b7;
90+
margin: 0 auto;
91+
padding: 5px;
92+
justify-content: left;
93+
border: black solid 2px;
94+
margin-top: auto;
95+
96+
97+
}
98+
99+
100+
.col-container {
101+
display: table;
102+
width: 100%;
103+
height: 100%;
104+
}
105+
.col {
106+
display: table-cell;
107+
padding: 16px;
108+
}

‎Html/Portfolio/css/index.css‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
2+
3+
.bigbox {
4+
display: flex;
5+
height: 2%;
6+
width: 50%;
7+
background-color: white;
8+
border: black solid 2px;
9+
10+
}
11+
12+

‎Html/Portfolio/css/portfolio.css‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
body {
2+
font-family: Arial, sans-serif;
3+
align-items: center;
4+
background-color: #8498b7;
5+
margin: 0;
6+
padding: 0;
7+
color: #333;
8+
}
9+
.container {
10+
width: 90%;
11+
height: auto;
12+
margin: 50px auto;
13+
background: white;
14+
padding: 30px;
15+
border-radius: 10px;
16+
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
17+
}
18+
h1, h2 {
19+
color: #0056b3;
20+
}
21+
.section {
22+
margin-bottom: 30px;
23+
}
24+
a {
25+
color: #0077cc;
26+
text-decoration: none;
27+
}
28+
a:hover {
29+
text-decoration: underline;
30+
}
31+
ul {
32+
list-style-type: disc;
33+
margin-left: 20px;
34+
}
35+
.contact, .social-links {
36+
margin-top: 10px;
37+
}

‎Html/Portfolio/html/about.html‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>About</title>
7+
<link rel="stylesheet" href="/css/home.css"/>
8+
<link rel="stylesheet" href="/css/about.css"/>
9+
10+
</head>
11+
<body>
12+
<div class="container">
13+
14+
<nav class="navbar">
15+
16+
<a href="/html/home.html">Home</a>
17+
<a href="/html/about.html">About</a>
18+
<a href="/html/work.html">Work</a>
19+
<a href="/html/service.html">Service</a>
20+
<a href="/html/contact.html">Contact</a>
21+
<a href="/html/blog.html">Blog</a>
22+
23+
</nav>
24+
25+
26+
<div class="rectangle">
27+
<div class="col1-container1">
28+
<div class="col1" style="background:orange">
29+
30+
31+
<div class="Image1">
32+
33+
<img src="/img/nilaj.jpg" alt="Nilaj Chakraborty">
34+
35+
</div>
36+
37+
38+
39+
</div>
40+
41+
<div class="col1" style="background:yellow">
42+
43+
<h1>A big fan of building products, design, coffee and life.</h1>
44+
45+
</div>
46+
47+
</div>
48+
</div>
49+
50+
51+
52+
53+
54+
</body>
55+
</html>

‎Html/Portfolio/html/blog.html‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Blog</title>
7+
<link rel="stylesheet" href="/css/home.css"/>
8+
</head>
9+
<body>
10+
<div class="container">
11+
12+
<nav class="navbar">
13+
14+
<a href="/html/home.html">Home</a>
15+
<a href="/html/about.html">About</a>
16+
<a href="/html/work.html">Work</a>
17+
<a href="/html/service.html">Service</a>
18+
<a href="/html/contact.html">Contact</a>
19+
<a href="/html/blog.html">Blog</a>
20+
21+
</nav>
22+
</div>
23+
24+
</body>
25+
</html>

‎Html/Portfolio/html/contact.html‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Contact</title>
7+
<link rel="stylesheet" href="/css/home.css"/>
8+
</head>
9+
<body>
10+
<div class="container">
11+
12+
<nav class="navbar">
13+
14+
<a href="/html/home.html">Home</a>
15+
<a href="/html/about.html">About</a>
16+
<a href="/html/work.html">Work</a>
17+
<a href="/html/service.html">Service</a>
18+
<a href="/html/contact.html">Contact</a>
19+
<a href="/html/blog.html">Blog</a>
20+
21+
</nav>
22+
</div>
23+
24+
</body>
25+
</html>

0 commit comments

Comments
 (0)