add all file

master
Arindam 2024-06-16 15:51:18 +05:30
commit b0c79a2a5e
30 changed files with 418 additions and 0 deletions

3
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}

13
contact.html Normal file
View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>Arindam</h2>
</body>
</html>

1
img/facebook.svg Normal file
View File

@ -0,0 +1 @@
<svg fill="#ffffff" height="40px" width="40px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-143 145 512 512" xml:space="preserve" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="4"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M272.8,560.7 c-20.8,20.8-44.9,37.1-71.8,48.4c-27.8,11.8-57.4,17.7-88,17.7c-30.5,0-60.1-6-88-17.7c-26.9-11.4-51.1-27.7-71.8-48.4 c-20.8-20.8-37.1-44.9-48.4-71.8C-107,461.1-113,431.5-113,401s6-60.1,17.7-88c11.4-26.9,27.7-51.1,48.4-71.8 c20.9-20.8,45-37.1,71.9-48.5C52.9,181,82.5,175,113,175s60.1,6,88,17.7c26.9,11.4,51.1,27.7,71.8,48.4 c20.8,20.8,37.1,44.9,48.4,71.8c11.8,27.8,17.7,57.4,17.7,88c0,30.5-6,60.1-17.7,88C309.8,515.8,293.5,540,272.8,560.7z"></path> <path d="M146.8,313.7c10.3,0,21.3,3.2,21.3,3.2l6.6-39.2c0,0-14-4.8-47.4-4.8c-20.5,0-32.4,7.8-41.1,19.3 c-8.2,10.9-8.5,28.4-8.5,39.7v25.7H51.2v38.3h26.5v133h49.6v-133h39.3l2.9-38.3h-42.2v-29.9C127.3,317.4,136.5,313.7,146.8,313.7z"></path> </g> </g></svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
img/gwspfoor7y.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

BIN
img/gwspgyfrku.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

BIN
img/gwspi1rtfm.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

BIN
img/gwspiodaoy.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 312 KiB

BIN
img/gwspjjbg5m.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
img/gwspk0kcl8.avif Normal file

Binary file not shown.

BIN
img/gwspks0b34.avif Normal file

Binary file not shown.

BIN
img/gwsplkisj0.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

BIN
img/gwsplwf2wl.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
img/gwsqb99ksf.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 129 KiB

BIN
img/gwsqca4qgt.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

BIN
img/gwswr7uytd.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
img/gwuz3hrfpi.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
img/gwuz4qy2m9.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 343 KiB

BIN
img/gwuz6rn5ll.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 196 KiB

BIN
img/gwv4cot369.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

1
img/home.svg Normal file
View File

@ -0,0 +1 @@
<svg fill="#87ab63" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px" viewBox="0 0 495.398 495.398" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <g> <path d="M487.083,225.514l-75.08-75.08V63.704c0-15.682-12.708-28.391-28.413-28.391c-15.669,0-28.377,12.709-28.377,28.391 v29.941L299.31,37.74c-27.639-27.624-75.694-27.575-103.27,0.05L8.312,225.514c-11.082,11.104-11.082,29.071,0,40.158 c11.087,11.101,29.089,11.101,40.172,0l187.71-187.729c6.115-6.083,16.893-6.083,22.976-0.018l187.742,187.747 c5.567,5.551,12.825,8.312,20.081,8.312c7.271,0,14.541-2.764,20.091-8.312C498.17,254.586,498.17,236.619,487.083,225.514z"></path> <path d="M257.561,131.836c-5.454-5.451-14.285-5.451-19.723,0L72.712,296.913c-2.607,2.606-4.085,6.164-4.085,9.877v120.401 c0,28.253,22.908,51.16,51.16,51.16h81.754v-126.61h92.299v126.61h81.755c28.251,0,51.159-22.907,51.159-51.159V306.79 c0-3.713-1.465-7.271-4.085-9.877L257.561,131.836z"></path> </g> </g> </g> </g></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

1
img/insta.svg Normal file
View File

@ -0,0 +1 @@
<svg width="40px" height="40px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12 15.5C13.933 15.5 15.5 13.933 15.5 12C15.5 10.067 13.933 8.5 12 8.5C10.067 8.5 8.5 10.067 8.5 12C8.5 13.933 10.067 15.5 12 15.5Z" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M17.6361 7H17.6477" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>

After

Width:  |  Height:  |  Size: 812 B

1
img/link.svg Normal file
View File

@ -0,0 +1 @@
<svg fill="#ffffff" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-143 145 512 512" xml:space="preserve" width="40px" height="40px" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M272.8,560.7 c-20.8,20.8-44.9,37.1-71.8,48.4c-27.8,11.8-57.4,17.7-88,17.7c-30.5,0-60.1-6-88-17.7c-26.9-11.4-51.1-27.7-71.8-48.4 c-20.8-20.8-37.1-44.9-48.4-71.8C-107,461.1-113,431.5-113,401s6-60.1,17.7-88c11.4-26.9,27.7-51.1,48.4-71.8 c20.9-20.8,45-37.1,71.9-48.5C52.9,181,82.5,175,113,175s60.1,6,88,17.7c26.9,11.4,51.1,27.7,71.8,48.4 c20.8,20.8,37.1,44.9,48.4,71.8c11.8,27.8,17.7,57.4,17.7,88c0,30.5-6,60.1-17.7,88C309.8,515.8,293.5,540,272.8,560.7z"></path> <rect x="-8.5" y="348.4" width="49.9" height="159.7"></rect> <path d="M15.4,273c-18.4,0-30.5,11.9-30.5,27.7c0,15.5,11.7,27.7,29.8,27.7h0.4c18.8,0,30.5-12.3,30.4-27.7 C45.1,284.9,33.8,273,15.4,273z"></path> <path d="M177.7,346.9c-28.6,0-46.5,15.6-49.8,26.6v-25.1H71.8c0.7,13.3,0,159.7,0,159.7h56.1v-86.3c0-4.9-0.2-9.7,1.2-13.1 c3.8-9.6,12.1-19.6,27-19.6c19.5,0,28.3,14.8,28.3,36.4v82.6H241v-88.8C241,369.9,213.2,346.9,177.7,346.9z"></path> </g> </g></svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

7
img/logo.svg Normal file
View File

@ -0,0 +1,7 @@
<svg width="60" height="60" viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="50" height="50" fill="#FF0000"/>
<rect y="100" width="50" height="50" fill="#0000FF"/>
<rect x="100" width="50" height="50" fill="#FF0000"/>
<rect x="100" y="100" width="50" height="50" fill="#0000FF"/>
<rect x="50" y="50" width="50" height="50" fill="#008000"/>
</svg>

After

Width:  |  Height:  |  Size: 401 B

1
img/profile.svg Normal file
View File

@ -0,0 +1 @@
<svg width="40px" height="40px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M22 12C22 6.49 17.51 2 12 2C6.49 2 2 6.49 2 12C2 14.9 3.25 17.51 5.23 19.34C5.23 19.35 5.23 19.35 5.22 19.36C5.32 19.46 5.44 19.54 5.54 19.63C5.6 19.68 5.65 19.73 5.71 19.77C5.89 19.92 6.09 20.06 6.28 20.2C6.35 20.25 6.41 20.29 6.48 20.34C6.67 20.47 6.87 20.59 7.08 20.7C7.15 20.74 7.23 20.79 7.3 20.83C7.5 20.94 7.71 21.04 7.93 21.13C8.01 21.17 8.09 21.21 8.17 21.24C8.39 21.33 8.61 21.41 8.83 21.48C8.91 21.51 8.99 21.54 9.07 21.56C9.31 21.63 9.55 21.69 9.79 21.75C9.86 21.77 9.93 21.79 10.01 21.8C10.29 21.86 10.57 21.9 10.86 21.93C10.9 21.93 10.94 21.94 10.98 21.95C11.32 21.98 11.66 22 12 22C12.34 22 12.68 21.98 13.01 21.95C13.05 21.95 13.09 21.94 13.13 21.93C13.42 21.9 13.7 21.86 13.98 21.8C14.05 21.79 14.12 21.76 14.2 21.75C14.44 21.69 14.69 21.64 14.92 21.56C15 21.53 15.08 21.5 15.16 21.48C15.38 21.4 15.61 21.33 15.82 21.24C15.9 21.21 15.98 21.17 16.06 21.13C16.27 21.04 16.48 20.94 16.69 20.83C16.77 20.79 16.84 20.74 16.91 20.7C17.11 20.58 17.31 20.47 17.51 20.34C17.58 20.3 17.64 20.25 17.71 20.2C17.91 20.06 18.1 19.92 18.28 19.77C18.34 19.72 18.39 19.67 18.45 19.63C18.56 19.54 18.67 19.45 18.77 19.36C18.77 19.35 18.77 19.35 18.76 19.34C20.75 17.51 22 14.9 22 12ZM16.94 16.97C14.23 15.15 9.79 15.15 7.06 16.97C6.62 17.26 6.26 17.6 5.96 17.97C4.44 16.43 3.5 14.32 3.5 12C3.5 7.31 7.31 3.5 12 3.5C16.69 3.5 20.5 7.31 20.5 12C20.5 14.32 19.56 16.43 18.04 17.97C17.75 17.6 17.38 17.26 16.94 16.97Z" fill="#87ab63"></path> <path d="M12 6.92969C9.93 6.92969 8.25 8.60969 8.25 10.6797C8.25 12.7097 9.84 14.3597 11.95 14.4197C11.98 14.4197 12.02 14.4197 12.04 14.4197C12.06 14.4197 12.09 14.4197 12.11 14.4197C12.12 14.4197 12.13 14.4197 12.13 14.4197C14.15 14.3497 15.74 12.7097 15.75 10.6797C15.75 8.60969 14.07 6.92969 12 6.92969Z" fill="#87ab63"></path> </g></svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

1
img/services.svg Normal file
View File

@ -0,0 +1 @@
<svg fill="#87ab63" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px" viewBox="0 0 98.861 98.861" xml:space="preserve" stroke="#87ab63"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path d="M73.847,30.236H25.016c-1.562,0-2.836,1.263-2.836,2.828v9.628c0,1.565,1.274,2.828,2.836,2.828h48.831 c1.559,0,2.832-1.263,2.832-2.828v-9.628C76.679,31.499,75.404,30.236,73.847,30.236z M27.287,36.942 c-0.965,0-1.747-0.78-1.747-1.746c0-0.963,0.782-1.745,1.747-1.745c0.967,0,1.746,0.782,1.746,1.745 C29.033,36.163,28.254,36.942,27.287,36.942z M69.231,41.976H56.895v-4.097h12.337V41.976z"></path> <path d="M73.847,47.075H25.016c-1.562,0-2.836,1.265-2.836,2.83v9.627c0,1.563,1.274,2.829,2.836,2.829h48.831 c1.559,0,2.832-1.266,2.832-2.829v-9.627C76.679,48.34,75.404,47.075,73.847,47.075z M27.287,53.783 c-0.965,0-1.747-0.777-1.747-1.746c0-0.962,0.782-1.748,1.747-1.748c0.967,0,1.746,0.785,1.746,1.748 C29.033,53.005,28.254,53.783,27.287,53.783z M69.231,58.816H56.895v-4.098h12.337V58.816z"></path> <path d="M73.847,63.915H25.016c-1.562,0-2.836,1.265-2.836,2.829v9.627c0,1.564,1.274,2.83,2.836,2.83h48.831 c1.559,0,2.832-1.266,2.832-2.83v-9.627C76.679,65.18,75.404,63.915,73.847,63.915z M27.287,70.621 c-0.965,0-1.747-0.775-1.747-1.746c0-0.964,0.782-1.744,1.747-1.744c0.967,0,1.746,0.779,1.746,1.744 C29.033,69.846,28.254,70.621,27.287,70.621z M69.231,75.654H56.895v-4.098h12.337V75.654z"></path> <polygon points="57.864,88.409 52.66,88.409 52.66,80.838 46.204,80.838 46.204,88.409 40.994,88.409 40.994,90.404 22.778,90.404 22.778,96.863 40.994,96.863 40.994,98.861 57.864,98.861 57.864,96.863 76.079,96.863 76.079,90.404 57.864,90.404 "></polygon> <path d="M78.253,14.706c-0.699-0.059-1.341-0.416-1.757-0.979C72.581,8.44,66.304,5.179,59.624,5.179 c-0.418,0-0.837,0.013-1.256,0.038c-0.58,0.035-1.15-0.138-1.613-0.488C52.688,1.662,47.76,0,42.602,0 C33.36,0,25.157,5.354,21.323,13.461c-0.352,0.743-1.054,1.259-1.868,1.373C9.269,16.267,1.405,25.039,1.405,35.613 c0,10.081,7.147,18.519,16.641,20.526v-6.234c0-0.777,0.144-1.518,0.383-2.215c-5.077-1.669-8.757-6.448-8.757-12.076 c0-7.011,5.704-12.715,12.716-12.715c0.354,0,0.702,0.028,1.049,0.056c2.021,0.157,3.849-1.154,4.342-3.114 c1.709-6.814,7.806-11.573,14.822-11.573c4.01,0,7.805,1.548,10.685,4.36c0.984,0.96,2.383,1.369,3.729,1.088 c0.859-0.179,1.736-0.27,2.609-0.27c4.909,0,9.293,2.76,11.44,7.202c0.755,1.562,2.405,2.492,4.132,2.314 c0.43-0.043,0.859-0.064,1.275-0.064c7.012,0,12.717,5.704,12.717,12.715c0,5.629-3.682,10.407-8.758,12.076 c0.238,0.698,0.382,1.438,0.382,2.215v6.233c9.493-2.006,16.644-10.443,16.644-20.525C97.455,24.643,88.991,15.612,78.253,14.706z "></path> </g> </g> </g></svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

1
img/tools.svg Normal file
View File

@ -0,0 +1 @@
<svg width="40px" height="40px" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="#87ab63" stroke="#87ab63"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#87ab63" d="M764.416 254.72a351.68 351.68 0 0 1 86.336 149.184H960v192.064H850.752a351.68 351.68 0 0 1-86.336 149.312l54.72 94.72-166.272 96-54.592-94.72a352.64 352.64 0 0 1-172.48 0L371.136 936l-166.272-96 54.72-94.72a351.68 351.68 0 0 1-86.336-149.312H64v-192h109.248a351.68 351.68 0 0 1 86.336-149.312L204.8 160l166.208-96h.192l54.656 94.592a352.64 352.64 0 0 1 172.48 0L652.8 64h.128L819.2 160l-54.72 94.72zM704 499.968a192 192 0 1 0-384 0 192 192 0 0 0 384 0z"></path></g></svg>

After

Width:  |  Height:  |  Size: 774 B

1
img/topic.svg Normal file
View File

@ -0,0 +1 @@
<svg height="40px" width="40px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 285.102 285.102" xml:space="preserve" fill="#87ab63" stroke="#87ab63"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path style="fill:#87ab63;" d="M220.741,46.137h-30.188v-5.785c0-7.444-6.056-13.5-13.5-13.5h-1.667 C172.294,11.554,158.747,0,142.552,0c-16.195,0-29.742,11.554-32.835,26.852h-1.669c-7.444,0-13.5,6.056-13.5,13.5v5.785H64.36 c-12.406,0-22.5,10.094-22.5,22.5v193.965c0,12.406,10.094,22.5,22.5,22.5h156.381c12.406,0,22.5-10.094,22.5-22.5V68.637 C243.241,56.23,233.147,46.137,220.741,46.137z M109.548,41.852h66.006v24.571h-66.006V41.852z M142.552,15 c7.856,0,14.566,4.931,17.244,11.852h-34.488C127.986,19.931,134.696,15,142.552,15z M228.241,262.602c0,4.136-3.364,7.5-7.5,7.5 H64.36c-4.136,0-7.5-3.364-7.5-7.5V68.637c0-4.136,3.364-7.5,7.5-7.5h30.188v6.786c0,7.444,6.056,13.5,13.5,13.5h69.006 c7.444,0,13.5-6.056,13.5-13.5v-6.786h30.188c4.136,0,7.5,3.364,7.5,7.5V262.602z"></path> <path style="fill:#87ab63;" d="M153.883,107.931H91.891c-4.143,0-7.5,3.357-7.5,7.5c0,4.142,3.357,7.5,7.5,7.5h61.992 c4.143,0,7.5-3.358,7.5-7.5C161.383,111.288,158.025,107.931,153.883,107.931z"></path> <path style="fill:#87ab63;" d="M153.883,146.484H91.891c-4.143,0-7.5,3.357-7.5,7.5c0,4.143,3.357,7.5,7.5,7.5h61.992 c4.143,0,7.5-3.357,7.5-7.5C161.383,149.842,158.025,146.484,153.883,146.484z"></path> <path style="fill:#87ab63;" d="M153.883,185.041H91.891c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5,7.5,7.5h61.992 c4.143,0,7.5-3.357,7.5-7.5S158.025,185.041,153.883,185.041z"></path> <path style="fill:#87ab63;" d="M153.883,223.597H91.891c-4.143,0-7.5,3.357-7.5,7.5c0,4.143,3.357,7.5,7.5,7.5h61.992 c4.143,0,7.5-3.357,7.5-7.5C161.383,226.954,158.025,223.597,153.883,223.597z"></path> <path style="fill:#87ab63;" d="M182.081,120.222c2.019,1.834,4.58,2.824,7.274,2.824c0.226,0,0.453-0.008,0.681-0.021 c2.94-0.181,5.622-1.516,7.55-3.758l10.421-12.118c1.801-2.093,1.563-5.25-0.531-7.051c-2.093-1.8-5.25-1.563-7.051,0.531 l-10.421,12.118c-0.195,0.228-0.425,0.286-0.583,0.296c-0.153,0.008-0.393-0.021-0.614-0.222l-6.561-5.965 c-2.044-1.858-5.206-1.709-7.063,0.336c-1.858,2.043-1.708,5.205,0.336,7.063L182.081,120.222z"></path> <path style="fill:#87ab63;" d="M200.425,140.659l-10.421,12.117c-0.196,0.228-0.426,0.287-0.584,0.297 c-0.144,0.013-0.39-0.02-0.613-0.224l-6.561-5.964c-2.045-1.857-5.206-1.705-7.064,0.337c-1.857,2.043-1.706,5.205,0.337,7.064 l6.56,5.963c2.019,1.836,4.58,2.826,7.275,2.826c0.225,0,0.451-0.007,0.678-0.02c2.942-0.182,5.625-1.517,7.554-3.759 l10.421-12.116c1.801-2.094,1.563-5.25-0.53-7.052C205.383,138.329,202.228,138.565,200.425,140.659z"></path> <path style="fill:#87ab63;" d="M200.425,216.718l-10.421,12.117c-0.196,0.227-0.425,0.287-0.583,0.297 c-0.162,0.008-0.393-0.021-0.614-0.224l-6.561-5.964c-2.045-1.857-5.206-1.705-7.064,0.337c-1.857,2.043-1.706,5.205,0.337,7.063 l6.561,5.963c2.019,1.836,4.58,2.826,7.275,2.826c0.225,0,0.452-0.007,0.68-0.021c2.941-0.182,5.623-1.516,7.552-3.759 l10.421-12.117c1.801-2.093,1.563-5.25-0.531-7.051C205.383,214.388,202.226,214.623,200.425,216.718z"></path> <path style="fill:#87ab63;" d="M179.529,203.302c0.976,0.977,2.256,1.465,3.535,1.465s2.56-0.488,3.535-1.465l4.948-4.948 l4.949,4.949c0.976,0.977,2.256,1.465,3.535,1.465c1.279,0,2.56-0.488,3.535-1.465c1.953-1.952,1.953-5.118,0-7.07l-4.949-4.949 l4.95-4.949c1.953-1.952,1.953-5.118,0-7.069c-1.951-1.954-5.119-1.954-7.07,0l-4.949,4.948l-4.949-4.948 c-1.951-1.954-5.119-1.954-7.07,0c-1.953,1.951-1.953,5.117,0,7.069l4.948,4.949l-4.948,4.948 C177.576,198.184,177.576,201.35,179.529,203.302z"></path> </g> </g></svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

1
img/twitter.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" stroke="#ffffff" fill="#ffffff" viewBox="0 0 50 50" width="43px" height="43px"><path d="M 11 4 C 7.1456661 4 4 7.1456661 4 11 L 4 39 C 4 42.854334 7.1456661 46 11 46 L 39 46 C 42.854334 46 46 42.854334 46 39 L 46 11 C 46 7.1456661 42.854334 4 39 4 L 11 4 z M 11 6 L 39 6 C 41.773666 6 44 8.2263339 44 11 L 44 39 C 44 41.773666 41.773666 44 39 44 L 11 44 C 8.2263339 44 6 41.773666 6 39 L 6 11 C 6 8.2263339 8.2263339 6 11 6 z M 13.085938 13 L 22.308594 26.103516 L 13 37 L 15.5 37 L 23.4375 27.707031 L 29.976562 37 L 37.914062 37 L 27.789062 22.613281 L 36 13 L 33.5 13 L 26.660156 21.009766 L 21.023438 13 L 13.085938 13 z M 16.914062 15 L 19.978516 15 L 34.085938 35 L 31.021484 35 L 16.914062 15 z"/></svg>

After

Width:  |  Height:  |  Size: 751 B

137
index.html Normal file
View File

@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css"
</head>
<body>
<nav class="navbar-main">
<div class="logo">
<a href="/"><img src="img/logo.svg" alt="logo"></a>
</div>
<ul class="navbar">
<li><a href="services.html">Services</a></li>
<li><a href="topic.html">Topic</a></li>
<li><a href="tools.html">Tools</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="profile.html">Profile</a></li>
</ul>
</nav>
<div class="mobile-nav">
<a href="#" class="mobile-nav-content"><img src="/img/services.svg" alt=""><span class="nav-text">Services</span></a>
<a href="#" class="mobile-nav-content"><img src="/img/tools.svg" alt=""><span class="nav-text">Tools</span></a>
<a href="#" class="mobile-nav-content"><img src="/img/home.svg" alt=""><span class="nav-text">Home</span></a>
<a href="#" class="mobile-nav-content"><img src="/img/topic.svg" alt=""><span class="nav-text">Topic</span></a>
<a href="#" class="mobile-nav-content"><img src="/img/profile.svg" alt=""><span class="nav-text">Profile</span></a>
</div>
</div><section class="para">
<div class="para-main">
<p>Siliconpin - a not for profit organization aims to increase digital freedom in a decentralized manner. Every civilization gone through ups and downs, end of every civilization we as a human race lost the finest technology, experience and expertise. This time let's try not to do the same mistake. Very few things increases by sharing - some of them are knowledge, experience, technology ... now a days software tools. The greatest tool i found is computer - the best tool to copy, transfer and preserve all the good things above. Being human is great, we can develop every bits and pieces - for that we need freedom also in digital field. Licensing, IP, Proprietary code, binary only distribution - those are some example of complex and unclear obstacles on our way. Some of them are very nasty and unclear even you can be in a legal trouble like : Got a windows os [is windows really free? do you own it when you get it even if you have purchased it? can you install virtually? can you modify to use RDP?] Purchased an apple product [do you have the ownership? can you install another os, software, tools beyond their guidelines? can you repair the product just only changing the damaged parts?] Purchased an android device [can you modify, remove or even disable GAPPs? can you disable tracking / spying tools? ] Build your own computer [whether you assemble it then install all softwares including the OS or even the linux kernel, do you know how much blobs are there just in the name of Kernel Drivers - ofcourse i know you may get FSF approved blob free kernel and install on a intel / amd cpu having IME or equivalent system having a closed source version of minix :D good luck going into the rabit hole.]</p>
<button class="normal"><a href="#">Know More</a></button>
</div>
</section>
<section class="product">
<h1>Best Selling Hosting</h1>
<div class="pro-container">
<div class="pro">
<img class="image-resize" src="img/gwspfoor7y.jpg">
<div class="host">
<span>HTML Hosting</span>
<p>Host your HTML files with all assets i.e. image Css</p>
<button class="normal"><a href="#">Details</a></button>
</div>
</div>
<div class="pro">
<img class="image-resize" src="img/gwspgyfrku.jpg">
<div class="host">
<span>HTML Hosting</span>
<p>Host your HTML files with all assets i.e. image Css</p>
<button class="normal"><a href="#">Details</a></button>
</div>
</div>
<div class="pro">
<img class="image-resize" src="img/gwspi1rtfm.png">
<div class="host">
<span>HTML Hosting</span>
<p>Host your HTML files with all assets i.e. image Css</p>
<button class="normal"><a href="#">Details</a></button>
</div>
</div>
<div class="pro">
<img class="image-resize" src="img/gwspiodaoy.png">
<div class="host">
<span>HTML Hosting</span>
<p>Host your HTML files with all assets i.e. image Css</p>
<button class="normal"><a href="#">Details</a></button>
</div>
</div>
<div class="pro">
<img class="image-resize" src="img/gwspjjbg5m.png">
<div class="host">
<span>HTML Hosting</span>
<p>Host your HTML files with all assets i.e. image Css</p>
<button class="normal"><a href="#">Details</a></button>
</div>
</div>
<div class="pro">
<img class="image-resize" src="img/gwspk0kcl8.avif">
<div class="host">
<span>HTML Hosting</span>
<p>Host your HTML files with all assets i.e. image Css</p>
<button class="normal"><a href="#">Details</a></button>
</div>
</div>
</div>
</section>
<footer class="footer">
<section class="footer-main">
<div class="icon-center">
<p>Connect on social networks</p>
<div class="inon">
<img src="img/facebook.svg" alt=""/>
<img src="img/link.svg" alt=""/>
<img src="img/insta.svg" alt=""/>
<img src="img/twitter.svg" alt=""/>
</div>
</div>
<div class="footer-section">
<div class="footer-section-item">
<h3>SiliconPin</h3>
<p>Digital freedom is fading day by day,lets create some.</p>
</div>
<div class="footer-section-item">
<h3>Useful Links</h3>
<div class="link">
<a href="#" class="footer-link">Home</a>
<a href="about.html" class="footer-link">About</a>
<a href="services.html" class="footer-link">Services</a>
<a href="contact.html" class="footer-link">Contact</a>
</div>
</div>
<div class="footer-section-item">
<h3>Contact Us</h3>
<p>"121 Lalbari, GourBongo Road"</p>
<p>"Habra, W.B. 743271, India."</p>
<p>Phone:+91-906-464-0936</p>
</div>
</div>
<div class="policies">
<p>SiliconPin.com 2024 | </p>
<a href="#">Terms of Service</a>
|
<a href="#">Privacy & Policies</a>
</div>
<p class="Support">We Support Copyleft</p>
</section>
</footer>
</body>
</html>

249
style.css Normal file
View File

@ -0,0 +1,249 @@
:root{
--bg-color:#303340;
--text-color:#cbd0da;
--button-bg-color:#87ab63;
--button-padding:10px 20px 10px 20px;
--button-border-radies:0.28571429rem;
--button-text-color:#fff;
--footer-bg-color:#232834;
--blog-bg-color:#202430;
--nav-bg-color:#232834;
--link-text-color:#87ab63;
--footer-padding:15px;
}
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
html{
scroll-behavior: smooth;
}
body{
width: 100%;
}
.navbar-main{
display: flex;
justify-content: space-between;
align-items: center;
padding: 0px 20px;
background-color: var(--nav-bg-color);
}
.navbar{
list-style-type: none;
margin: 0;
padding: 0;
}
.navbar li{
display: inline-block;
justify-content: center;
place-items: center;
}
.navbar li{
display: inline-block;
justify-content: center;
place-items: center;
}
.navbar li a{
display: block;
padding: 12px 12px 10px 12px;
text-decoration: none;
color: #cbcaca;
}
.para{
box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.5);
display: flex;
}
.para-main{
display: flex;
flex-direction: column;
justify-content: center;
background-color: var(--bg-color);
padding: 19px 12px;
box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.5);
}
button.normal a{
font-size: 16px;
font-weight: 500;
color: var(--button-text-color);
}
button.normal{
/* padding: 8px; */
padding: var(--button-padding);
margin-top: 10px;
width: 100%;
background-color:#87ab63;
border-radius:var(--button-border-radies);
cursor: pointer;
outline: none;
}
.para p{
font-size: 14px;
color: #cbd0da;
}
.product{
background-color:var(--bg-color) ;
margin: auto;
padding: auto;
}
.product .pro-container{
display: flex;
justify-content: space-between;
padding-top: 15px;
flex-wrap: wrap;
padding: 10px 167px;
}
.product h1{
color: #cbcaca;
border-bottom: 2px solid #87ab63;
padding-top: 16px;
}
.product .pro-container .pro{
width: 30%;
min-width: 250px;
padding: 17px 9px;
border-radius: 10px;
cursor: pointer;
margin: 23px 0;
position: relative;
background-color: var(--blog-bg-color);
}
.pro img{
width: 100%;
}
img.image-resize{
height: 190px;
object-fit: cover;
}
.product .pro .host span{
font-size: 23px;
font-weight: 700;
color: #cbd0da;
}
.product .pro .host p{
padding-top: 25px;
color: #cbd0da;
margin-bottom: 15px;
}
.footer{
background-color: var(--footer-bg-color);
}
.icon-center{
justify-content: space-between;
display: flex;
flex-direction: row;
align-items: center;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
padding: 7px 0px 7px 0px;
}
.footer-section{
display: grid;
grid-gap: 10px;
margin: 0 auto;
max-width: 1200px;
grid-template-columns: repeat(3, 1fr);
}
.footer-section-item{
padding: 10px;
text-align: center;
border-radius: 15px;
}
.footer-section-item .link{
display: flex;
flex-direction: column;
padding-top: var(--footer-padding);
gap: 10px;
}
.footer-section-item .link a{
color: var(--link-text-color);
}
.policies{
display: flex;
justify-content: center;
border-top: 3px solid #fff;
text-align: center;
}
.footer h3 {
color: var(--text-color);
}
.footer p{
color: var(--text-color);
}
.footer a{
color: var(--link-text-color);
}
.Support{
display: flex;
justify-content: center;
color: white;
margin-top: 38px;
}
.mobile-nav{
display: none;
}
@media(max-width:600px){
.footer-section{
grid-template-columns: repeat(1, 1fr);
}
}
@media(max-width:833px){
.product .pro-container{
display: flex;
justify-content: center;
}
}
@media (max-width: 768px){
.navbar-main{
display: none;
}
.mobile-nav{
display: flex;
flex-direction: row;
position: fixed;
bottom: -1px;
width: 100%;
justify-content: space-around;
background-color: #3d3d3d;
padding: 7px 0px 0px 0px;
z-index: 1;
}
.mobile-nav-content{
padding: 5px 20px 5px 20px;
background-color: #202430;
border-radius: 5px;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0px 0px 1px 0px #ffffff70;
color: #fff;
font-size: 12px;
}
}