diff --git a/404.html b/404.html
new file mode 100644
index 0000000..8c8b34f
--- /dev/null
+++ b/404.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Page Not Found</title>
+  <script type="text/javascript">
+    var redirectUrl = "index.html";
+    setTimeout(function() {
+      window.location.href = redirectUrl;
+    }, 0);
+  </script>
+</head>
+<body>
+  <p>Page Not Found</p>
+  <p>You will be redirected shortly.</p>
+</body>
+</html>
\ No newline at end of file
diff --git a/Readme.md b/Readme.md
index b7adeca..f8bf409 100644
--- a/Readme.md
+++ b/Readme.md
@@ -1 +1,3 @@
-SD Course - Front End, Frameworks, Back End
+Software Development Course - front-end, frameworks, back-end
+
+
diff --git a/images/calendar-day.svg b/images/calendar-day.svg
new file mode 100644
index 0000000..131c709
--- /dev/null
+++ b/images/calendar-day.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="m18.5,2h-.5v-.5c0-.829-.672-1.5-1.5-1.5s-1.5.671-1.5,1.5v.5h-6v-.5c0-.829-.672-1.5-1.5-1.5s-1.5.671-1.5,1.5v.5h-.5C2.468,2,0,4.467,0,7.5v11c0,3.033,2.468,5.5,5.5,5.5h13c3.032,0,5.5-2.467,5.5-5.5V7.5c0-3.033-2.468-5.5-5.5-5.5Zm0,19H5.5c-1.379,0-2.5-1.122-2.5-2.5v-9.5h18v9.5c0,1.378-1.121,2.5-2.5,2.5Zm-8.5-8.5v2c0,.828-.672,1.5-1.5,1.5h-2c-.828,0-1.5-.672-1.5-1.5v-2c0-.828.672-1.5,1.5-1.5h2c.828,0,1.5.672,1.5,1.5Z"/></svg>
diff --git a/images/comment.svg b/images/comment.svg
new file mode 100644
index 0000000..a9d6d07
--- /dev/null
+++ b/images/comment.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Bold" viewBox="0 0 24 24" width="512" height="512"><path d="M24,11.246A12.011,12.011,0,1,0,12.017,24H18.5A5.507,5.507,0,0,0,24,18.5V11.34ZM21,18.5A2.5,2.5,0,0,1,18.5,21H12.017a9.041,9.041,0,0,1-6.731-3.011,8.926,8.926,0,0,1-2.227-7.034,9.038,9.038,0,0,1,7.788-7.882A9.484,9.484,0,0,1,12.02,3a8.933,8.933,0,0,1,5.739,2.066A9.038,9.038,0,0,1,21,11.389Z"/><path d="M9.5,11h3a1.5,1.5,0,0,0,0-3h-3a1.5,1.5,0,0,0,0,3Z"/><path d="M16.5,13h-7a1.5,1.5,0,0,0,0,3h7a1.5,1.5,0,0,0,0-3Z"/></svg>
diff --git a/images/marker.svg b/images/marker.svg
new file mode 100644
index 0000000..ab0dbbc
--- /dev/null
+++ b/images/marker.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Filled" viewBox="0 0 24 24" width="512" height="512"><path d="M12,.042a9.992,9.992,0,0,0-9.981,9.98c0,2.57,1.99,6.592,5.915,11.954a5.034,5.034,0,0,0,8.132,0c3.925-5.362,5.915-9.384,5.915-11.954A9.992,9.992,0,0,0,12,.042ZM12,14a4,4,0,1,1,4-4A4,4,0,0,1,12,14Z"/></svg>
diff --git a/images/pic6.svg b/images/pic6.svg
new file mode 100644
index 0000000..aa03843
--- /dev/null
+++ b/images/pic6.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="486" height="816" fill="none" viewBox="0 0 486 816">
+  <rect width="86" height="95.901" x="1.093" y="549.704" fill="#9EC71E" rx="11" transform="rotate(-69.6 1.093 549.704)"/>
+  <rect width="86" height="95.901" x="35.951" y="455.976" fill="#fff" rx="11" transform="rotate(-69.6 35.95 455.976)"/>
+  <rect width="86" height="95.901" x="70.808" y="362.248" fill="#9EC71E" rx="11" transform="rotate(-69.6 70.808 362.248)"/>
+  <rect width="86" height="95.901" x="105.666" y="268.52" fill="#9EC71E" rx="11" transform="rotate(-69.6 105.666 268.52)"/>
+  <rect width="86" height="95.901" x="140.524" y="174.791" fill="#F9FBFC" rx="11" transform="rotate(-69.6 140.524 174.791)"/>
+  <rect width="86" height="95.901" x="175.382" y="81.063" fill="#9EC71E" rx="11" transform="rotate(-69.6 175.382 81.063)"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m15.335 511.41 11.024-29.643c1.644-4.42 6.38-6.736 10.578-5.175l58.535 21.769c4.198 1.561 6.27 6.41 4.626 10.829l-22.914 61.613c-1.643 4.419-6.38 6.736-10.578 5.175L8.072 554.209c-4.199-1.561-6.27-6.41-4.627-10.829l5.938-15.965m106.552-60.809-3.883 10.441c-1.643 4.419-6.379 6.736-10.578 5.175L42.94 460.453c-4.199-1.562-6.27-6.41-4.627-10.83l22.914-61.613c1.644-4.419 6.38-6.736 10.578-5.174l58.535 21.769c4.198 1.561 6.27 6.409 4.626 10.829l-13.078 35.167m82.94-222.631-22.914 61.613c-1.643 4.419-6.379 6.736-10.578 5.175l-58.534-21.769c-4.199-1.561-6.27-6.41-4.626-10.829l22.914-61.613c1.643-4.419 6.379-6.736 10.578-5.175l58.534 21.769c4.199 1.562 6.27 6.41 4.626 10.829Zm-34.994 93.707L146.92 383.29c-1.643 4.42-6.379 6.736-10.578 5.175l-58.534-21.769c-4.199-1.561-6.27-6.41-4.626-10.829l22.914-61.613c1.643-4.419 6.379-6.736 10.578-5.175l58.534 21.769c4.199 1.562 6.27 6.41 4.626 10.829Z"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m136.342 388.465 15.206 5.655c4.198 1.562 8.934-.755 10.578-5.174l22.914-61.613c1.643-4.42-.428-9.268-4.626-10.83l-15.206-5.655m-63.734 171.374 15.206 5.655c4.198 1.561 8.934-.756 10.578-5.175l22.914-61.613c1.643-4.419-.428-9.268-4.626-10.829l-15.206-5.655m85.753-160.383 3.941-10.597c1.643-4.419-.428-9.267-4.626-10.829l-15.206-5.655m-28.866 77.617 15.206 5.655c4.198 1.562 8.934-.755 10.578-5.174l13.021-35.011M66.606 575.978l15.206 5.655c4.198 1.561 8.934-.756 10.578-5.175l22.914-61.613c1.643-4.419-.428-9.267-4.626-10.829l-15.206-5.655m59.539-361.882 11.025-29.642c1.643-4.42 6.379-6.736 10.578-5.175l58.534 21.769c4.198 1.561 6.27 6.409 4.626 10.829l-22.914 61.613c-1.643 4.419-6.379 6.736-10.578 5.175l-58.534-21.769c-4.199-1.562-6.27-6.41-4.626-10.829l5.937-15.965m106.552-60.809-3.883 10.441c-1.643 4.419-6.379 6.736-10.578 5.175l-58.534-21.77c-4.198-1.56-6.27-6.41-4.626-10.829l22.914-61.612c1.643-4.42 6.379-6.737 10.578-5.175l58.534 21.769c4.199 1.561 6.27 6.41 4.626 10.829l-13.078 35.167"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m241.15 107.291 15.206 5.655c4.199 1.562 8.935-.755 10.578-5.174l22.914-61.614c1.644-4.419-.428-9.267-4.626-10.829l-15.206-5.655m-63.734 171.374 15.206 5.655c4.198 1.561 8.935-.756 10.578-5.175l22.914-61.613c1.643-4.419-.428-9.268-4.626-10.829l-15.206-5.655"/>
+  <rect width="86" height="95.901" x="157.658" y="780.771" fill="#9EC71E" rx="11" transform="rotate(-69.6 157.658 780.771)"/>
+  <rect width="86" height="95.901" x="192.515" y="687.043" fill="#9EC71E" rx="11" transform="rotate(-69.6 192.515 687.043)"/>
+  <rect width="86" height="95.901" x="227.373" y="593.315" fill="#9EC71E" rx="11" transform="rotate(-69.6 227.373 593.315)"/>
+  <rect width="86" height="94.888" x="262.368" y="498.606" fill="#9EC71E" rx="8" transform="rotate(-69.6 262.368 498.606)"/>
+  <rect width="86" height="94.888" x="366.804" y="218.401" fill="#9EC71E" rx="8" transform="rotate(-69.6 366.804 218.401)"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m171.9 742.477 11.024-29.643c1.644-4.42 6.379-6.736 10.578-5.175l58.534 21.769c4.199 1.562 6.27 6.41 4.627 10.829l-22.914 61.613c-1.644 4.42-6.38 6.736-10.578 5.175l-58.535-21.769c-4.198-1.561-6.27-6.41-4.626-10.829l5.937-15.965M272.5 697.673l-3.883 10.441c-1.644 4.419-6.38 6.736-10.578 5.175l-58.535-21.769c-4.198-1.562-6.27-6.41-4.626-10.829l22.914-61.613c1.644-4.42 6.379-6.737 10.578-5.175l58.534 21.769c4.199 1.561 6.27 6.409 4.627 10.829l-13.079 35.167m47.947-128.924-22.914 61.613c-1.644 4.42-6.38 6.737-10.578 5.175l-58.535-21.769c-4.198-1.561-6.269-6.41-4.626-10.829l22.914-61.613c1.644-4.419 6.38-6.736 10.578-5.175l58.535 21.769c4.198 1.562 6.269 6.41 4.626 10.829Z"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m292.907 619.532 15.206 5.655c4.198 1.562 8.934-.755 10.578-5.174l22.913-61.614c1.644-4.419-.427-9.267-4.626-10.829l-15.205-5.655m-63.734 171.374 15.205 5.655c4.199 1.561 8.935-.756 10.578-5.175l22.914-61.613c1.644-4.419-.427-9.268-4.626-10.829l-15.205-5.655m-63.734 171.373 15.205 5.655c4.199 1.561 8.935-.756 10.578-5.175l22.914-61.613c1.644-4.419-.428-9.268-4.626-10.829l-15.206-5.655m90.562-220.208-3.883 10.441c-1.644 4.419-6.38 6.736-10.578 5.174l-58.535-21.769c-4.198-1.561-6.27-6.41-4.626-10.829l22.914-61.613c1.644-4.42 6.38-6.736 10.578-5.175l58.534 21.77c4.199 1.561 6.27 6.409 4.627 10.829l-13.079 35.166m117.524-315.398-22.914 61.613c-1.643 4.419-6.379 6.736-10.578 5.174l-58.534-21.769c-4.198-1.561-6.27-6.41-4.626-10.829l22.914-61.613c1.643-4.419 6.379-6.736 10.578-5.174l58.534 21.769c4.199 1.561 6.27 6.41 4.626 10.829Z"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m432.582 244.603 15.206 5.655c4.199 1.562 8.935-.755 10.578-5.174l22.914-61.613c1.644-4.419-.428-9.268-4.626-10.829l-15.206-5.655M328.137 524.835l15.205 5.655c4.199 1.562 8.935-.755 10.578-5.175l22.914-61.613c1.644-4.419-.427-9.267-4.626-10.829l-15.206-5.655"/>
+  <rect width="86" height="95.901" x="78.69" y="663.916" fill="#9EC71E" rx="11" transform="rotate(-69.6 78.69 663.916)"/>
+  <rect width="86" height="95.901" x="113.547" y="570.188" fill="#9EC71E" rx="11" transform="rotate(-69.6 113.547 570.188)"/>
+  <rect width="86" height="95.901" x="148.405" y="476.46" fill="#9EC71E" rx="11" transform="rotate(-69.6 148.405 476.46)"/>
+  <rect width="86" height="95.901" x="183.263" y="382.732" fill="#9EC71E" rx="11" transform="rotate(-69.6 183.263 382.732)"/>
+  <rect width="86" height="95.901" x="218.12" y="289.004" fill="#9EC71E" rx="11" transform="rotate(-69.6 218.12 289.004)"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m92.932 625.621 11.024-29.642c1.644-4.42 6.38-6.737 10.578-5.175l58.535 21.769c4.198 1.561 6.269 6.409 4.626 10.829l-22.914 61.613c-1.644 4.419-6.38 6.736-10.578 5.175l-58.535-21.769c-4.198-1.562-6.27-6.41-4.626-10.829l5.938-15.965m106.552-60.809-3.883 10.441c-1.644 4.419-6.38 6.736-10.578 5.175l-58.535-21.77c-4.198-1.561-6.269-6.409-4.626-10.829l22.914-61.613c1.644-4.419 6.38-6.736 10.578-5.174l58.535 21.769c4.198 1.561 6.27 6.409 4.626 10.829l-13.079 35.167m82.941-222.631-22.914 61.613c-1.643 4.419-6.38 6.736-10.578 5.175l-58.534-21.769c-4.199-1.562-6.27-6.41-4.627-10.829l22.914-61.613c1.644-4.419 6.38-6.736 10.578-5.175l58.535 21.769c4.198 1.561 6.27 6.41 4.626 10.829Zm-34.994 93.707-22.914 61.613c-1.643 4.419-6.38 6.736-10.578 5.175l-58.535-21.769c-4.198-1.562-6.269-6.41-4.626-10.829l22.914-61.613c1.644-4.419 6.38-6.736 10.578-5.175l58.535 21.769c4.198 1.561 6.269 6.41 4.626 10.829Z"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m213.939 502.677 15.206 5.655c4.198 1.561 8.934-.756 10.578-5.175l22.914-61.613c1.643-4.419-.428-9.267-4.627-10.829l-15.205-5.655m-63.734 171.373 15.206 5.655c4.198 1.562 8.934-.755 10.578-5.174l22.914-61.613c1.643-4.42-.428-9.268-4.627-10.83l-15.205-5.655m85.753-160.382 3.941-10.597c1.643-4.419-.428-9.268-4.626-10.829l-15.206-5.655m-28.866 77.617 15.206 5.655c4.198 1.561 8.934-.756 10.578-5.175l13.02-35.011M144.203 690.19l15.206 5.655c4.198 1.561 8.934-.756 10.578-5.175l22.913-61.613c1.644-4.419-.427-9.268-4.626-10.829l-15.205-5.655m59.538-361.881 11.025-29.643c1.643-4.419 6.379-6.736 10.578-5.174l58.534 21.769c4.199 1.561 6.27 6.409 4.626 10.829l-22.914 61.613c-1.643 4.419-6.379 6.736-10.578 5.175l-58.534-21.769c-4.199-1.562-6.27-6.41-4.626-10.83l5.937-15.964"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m283.878 315.261 15.206 5.655c4.198 1.561 8.935-.756 10.578-5.175l22.914-61.613c1.644-4.419-.428-9.268-4.626-10.829l-15.206-5.655"/>
+  <path fill="#000" fill-opacity=".63" d="M159.724 521.989c-4.468.92-8.421 2.877-11.859 5.87-3.438 2.994-5.903 6.696-7.395 11.108-1.493 4.412-1.779 8.847-.861 13.304.918 4.458 2.875 8.4 5.872 11.829 2.998 3.429 6.706 5.885 11.125 7.37 5.308 1.784 10.605 1.842 15.891.174 5.285-1.668 9.571-4.677 12.855-9.027.299-.534.367-.981.207-1.341a1.31 1.31 0 0 0-.813-.731l-1.718-.559a308.18 308.18 0 0 1-2.828-.933l-.12.771c-.072.493-.234 1.091-.483 1.795a14.13 14.13 0 0 1-.967 2.125 5.181 5.181 0 0 1-1.668 1.802 4.262 4.262 0 0 1-2.422.738l-.837.071c-.557.048-1.209.199-1.954.454-.746.255-1.303.579-1.671.972l-.234.169c-.156.112-.33.206-.521.283-.19.077-.37.122-.54.136-.17.013-.274-.08-.312-.281-.038-.202.019-.523.169-.966l.309-.601c.227-.394.657-.831 1.291-1.312a5.413 5.413 0 0 1 2.168-.982c1.032-.194 1.891-.557 2.578-1.091.686-.533 1.147-1.148 1.383-1.844.235-.697.386-1.316.452-1.858.065-.542.067-1.07.006-1.585-1.353-.666-2.267-1.549-2.743-2.649-.534 1.16-1.09 2.178-1.669 3.053s-1.326 1.729-2.244 2.561c-.917.832-1.913 1.443-2.987 1.835-1.074.391-2.372.572-3.893.543-1.521-.03-3.18-.346-4.977-.95-2.56-.86-4.455-2.426-5.689-4.698-2.188.135-4.32-.663-6.396-2.395.017-.676.467-1.536 1.349-2.579.883-1.044 1.589-1.788 2.116-2.234a30.05 30.05 0 0 1 1.311-1.058 23.695 23.695 0 0 1 1.232-6.356 23.728 23.728 0 0 1 2.881-5.803l-.354-1.459c-.23-.993-.366-2.121-.411-3.382-.045-1.26.128-2.155.519-2.682 2.711-.147 4.896.493 6.556 1.921 2.362-1.063 4.822-1.166 7.381-.306 1.797.604 3.315 1.356 4.554 2.253 1.239.898 2.16 1.83 2.763 2.797.604.967 1.018 2.058 1.242 3.274.225 1.215.301 2.347.231 3.392a22.811 22.811 0 0 1-.526 3.437c1.322-.777 3.009-.821 5.06-.132l6.693 2.249c.38.127.742.102 1.085-.077.343-.179.558-.57.645-1.176.028-5.445-1.555-10.425-4.749-14.942-3.194-4.517-7.445-7.667-12.753-9.451-4.419-1.484-8.863-1.765-13.33-.846ZM95.93 432.022c2.892-.467 5.289-1.563 6.393-4.625.927-2.572.092-4.726-1.881-5.433-2.364-.846-3.81.542-6.206 2.881l-1.299 1.287c-3.734 3.72-7.462 5.745-13.075 3.735-5.17-1.851-7.828-6.808-5.83-12.352 1.423-3.947 3.972-6.238 8.703-6.852l1.705 6.068c-2.504.305-3.752 1.154-4.395 2.937-.655 1.818.21 3.429 1.884 4.029 2.068.74 3.321-.113 5.562-2.318l1.298-1.287c4.413-4.375 8.047-6.436 13.805-4.374 6.207 2.223 8.025 7.831 5.899 13.727-2.078 5.765-6.471 8.397-11.127 8.787l-1.437-6.21Zm-7.308 22.143c2.273-.287 4.217-.593 4.986-2.726.735-2.039.313-3.643-3.133-4.877l-23.442-8.395 2.237-6.208 23.536 8.429c7.138 2.556 9.029 7.488 7.046 12.989-1.791 4.97-5.686 6.826-9.654 7.057l-1.576-6.269Zm107.28-25.329c-3.45-1.313-7.342.458-8.679 3.948-1.336 3.49.383 7.396 3.832 8.708 2.909 1.106 6.135.019 7.875-2.442l.198.076c2.587.984 3.876 3.914 2.874 6.53l-4.846 12.656a8.493 8.493 0 0 0-.251 5.343l-6.457-2.457c.348-2.99-1.33-5.943-4.239-7.05-3.45-1.312-7.342.458-8.679 3.948-1.336 3.49.383 7.396 3.832 8.708 2.909 1.107 6.135.019 7.875-2.442l12.906 4.91c-.348 2.991 1.33 5.944 4.239 7.05 3.45 1.313 7.342-.458 8.678-3.948 1.337-3.49-.382-7.396-3.832-8.708-2.908-1.106-6.134-.019-7.874 2.442l-.198-.076c-2.587-.984-3.876-3.914-2.874-6.53l4.846-12.656c1.67-4.362-.478-9.245-4.79-10.885l-.198-.076c.348-2.99-1.329-5.943-4.238-7.049Zm-15.086-302.652-14.275 38.851c-.342.93.082 1.877.916 2.088l35.652 8.994c.833.211 1.969-.286 2.518-1.109l8.496-12.763c.546-.822 1.089-2.294 1.206-3.274l1.794-15.23c.115-.982-.422-2.09-1.196-2.466l-33.058-16.098c-.774-.375-1.71.072-2.053 1.007Zm9.923 11.265c.005.003.007.009.006.015-.002.007-.006.012-.012.012l-.148 12.377c-.002.176.108.317.263.337.155.02.312-.088.374-.256l3.132-8.526c.167-.453.492-.824.894-1.021.403-.197.846-.201 1.217-.01l10.304 5.273c.505.259.804.835.767 1.481l-.575 10.053c-.021.378-.157.75-.385 1.055l-6.003 8.022c-.39.521-.994.772-1.55.643l-5.11-1.181a.886.886 0 0 1-.608-.521 1.211 1.211 0 0 1-.014-.893l.921-2.507c.198-.538.715-.862 1.198-.75l3.141.727 4.163-5.552.413-6.955-5.95-3.042-6.508 17.713c-.197.537-.712.861-1.194.751l-2.765-.627c-.422-.096-.709-.499-.704-.989l.128-12.81c.002-.146-.089-.262-.217-.278-.128-.016-.256.073-.308.212l-4.385 11.935c-.132.36-.477.575-.799.5l-2.966-.691a.592.592 0 0 1-.404-.348.803.803 0 0 1-.009-.595l9.176-24.974a.802.802 0 0 1 .395-.449.592.592 0 0 1 .536-.002l3.586 1.871Z"/>
+  <path fill="#000" fill-opacity=".6" d="M151.028 218.675c-.927-.238-1.93.033-2.647.729l-7.535 7.331a2.966 2.966 0 0 0-.668 3.261l9.837 20.162-9.826 5.858-.868.511a1.987 1.987 0 0 0-.992 1.756l.054 3.765a1.853 1.853 0 0 0 1.172 1.712l18.532 7.032a1.86 1.86 0 0 0 2.016-.502l2.575-2.768c.491-.53.657-1.294.428-1.97l-.328-.965-3.432-10.888 20.797-8.538c.027-.012.052-.026.077-.039a2.973 2.973 0 0 0 1.599-2.838l-.737-10.47a2.788 2.788 0 0 0-1.762-2.42l-28.01-10.628a3.077 3.077 0 0 0-.282-.091Zm5.807 45.46-11.906-4.518 8.083-3.318 3.823 7.836Zm.097-18.103-4.569-14.503 17.657 6.7-13.088 7.803Z"/>
+  <path fill="#000" fill-opacity=".6" d="m140.189 256.016-.868.511a1.99 1.99 0 0 0-.993 1.756 1.983 1.983 0 0 1 .972-1.764l.889-.503Zm39.403-26.502a2.783 2.783 0 0 1 1.495 2.3l.732 10.468-.737-10.469a2.793 2.793 0 0 0-1.49-2.299Zm-31.212-10.109-7.534 7.331 7.529-7.333a2.797 2.797 0 0 1 2.651-.727 2.804 2.804 0 0 0-2.646.729Z"/>
+  <path fill="#000" fill-opacity=".63" d="M139.427 658.552c-1.598-.583-2.877-1.84-3.555-3.492-.678-1.653-.699-3.567-.059-5.321l2.413-6.613 6.027 2.199c1.599.583 2.878 1.839 3.555 3.492.678 1.653.699 3.567.06 5.321-.64 1.754-1.889 3.204-3.472 4.032-1.583.828-3.37.965-4.969.382Zm-3.614-8.813 2.413-6.613-12.054-4.398-2.413 6.613c-.64 1.754-.619 3.668.059 5.321.677 1.652 1.956 2.908 3.555 3.492 1.598.583 3.386.445 4.968-.382 1.583-.828 2.832-2.279 3.472-4.033Zm-12.054-4.398 2.413-6.613-12.055-4.399-2.413 6.614c-.64 1.754-.619 3.668.059 5.32.678 1.653 1.957 2.909 3.555 3.492 1.599.584 3.386.446 4.969-.382 1.583-.828 2.832-2.278 3.472-4.032Zm2.413-6.613 2.413-6.614c.639-1.754.618-3.667-.06-5.32-.677-1.653-1.956-2.909-3.555-3.492-1.598-.583-3.386-.446-4.968.382-1.583.828-2.832 2.278-3.472 4.032l-2.413 6.613 12.055 4.399Zm2.413-6.614a7.524 7.524 0 0 0-.325 4.045c.265 1.329.897 2.52 1.816 3.423a5.897 5.897 0 0 0 3.345 1.647c1.262.171 2.566-.067 3.746-.684a7.264 7.264 0 0 0 2.885-2.784 7.68 7.68 0 0 0 1.052-3.947c-.016-1.374-.411-2.689-1.137-3.778a6.021 6.021 0 0 0-2.942-2.336c-1.599-.583-3.386-.446-4.969.382-1.583.828-2.832 2.278-3.471 4.032Z"/>
+</svg>
diff --git a/images/pic_small.svg b/images/pic_small.svg
new file mode 100644
index 0000000..f809865
--- /dev/null
+++ b/images/pic_small.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="225" height="194" fill="none" viewBox="0 0 225 194">
+  <rect width="86" height="95.901" x="1.228" y="61.582" fill="#fff" rx="11" transform="rotate(-45.731 1.228 61.582)"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m70.07 103.668-7.775 7.977c-3.291 3.376-8.56 3.578-11.767.452L5.808 68.504c-3.208-3.127-3.14-8.399.151-11.775L51.845 9.657c3.291-3.376 8.56-3.578 11.767-.452l44.72 43.593c3.207 3.127 3.14 8.399-.152 11.775L81.99 91.44"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m50.527 112.097 11.617 11.324c3.208 3.127 8.476 2.924 11.768-.452l45.885-47.072c3.291-3.376 3.359-8.648.151-11.774l-11.617-11.325"/>
+  <rect width="86" height="95.901" x="95.776" y="125.818" fill="#9EC71E" rx="11" transform="rotate(-45.731 95.776 125.818)"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m202.749 128.787-45.885 47.072c-3.292 3.376-8.56 3.578-11.768.451l-44.719-43.592c-3.208-3.127-3.14-8.399.151-11.775l45.886-47.072c3.291-3.376 8.559-3.578 11.767-.452l44.72 43.593c3.207 3.127 3.139 8.399-.152 11.775Z"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m145.096 176.31 11.617 11.325c3.208 3.126 8.476 2.924 11.767-.452l45.886-47.072c3.291-3.376 3.359-8.648.151-11.775L202.9 117.012"/>
+  <path fill="#000" fill-opacity=".63" d="M65.77 63.946c2.834.744 5.47.712 7.718-1.641 1.889-1.977 1.996-4.285.478-5.73-1.819-1.73-3.703-1.046-6.84.123l-1.709.651c-4.92 1.892-9.149 2.235-13.468-1.874-3.98-3.786-4.404-9.394-.333-13.655 2.898-3.034 6.155-4.098 10.73-2.745l-.896 6.24c-2.413-.735-3.898-.463-5.207.907-1.335 1.397-1.196 3.22.092 4.446 1.592 1.514 3.083 1.24 6.025.132l1.707-.653c5.806-2.215 9.964-2.629 14.395 1.587 4.776 4.544 4.17 10.408-.16 14.94-4.233 4.431-9.316 5.06-13.732 3.533l1.2-6.26ZM50.128 81.24c2.194.657 4.096 1.164 5.662-.475 1.498-1.568 1.76-3.205-.892-5.728l-18.04-17.163 4.558-4.771 18.112 17.23c5.494 5.227 5.227 10.503 1.188 14.73-3.65 3.82-7.962 3.942-11.684 2.548l1.096-6.371Zm108.353 20.246c-2.623-2.596-6.899-2.552-9.534.099-2.634 2.651-2.642 6.918-.019 9.514 2.212 2.189 5.602 2.499 8.189.953l.151.149c1.967 1.947 1.961 5.148-.014 7.136l-9.554 9.612a8.488 8.488 0 0 0-2.39 4.784l-4.911-4.859c1.528-2.594 1.188-5.974-1.024-8.163-2.624-2.596-6.9-2.551-9.534.099-2.634 2.651-2.643 6.918-.019 9.514 2.212 2.189 5.602 2.5 8.189.953l9.815 9.712c-1.528 2.594-1.188 5.974 1.024 8.163 2.624 2.596 6.9 2.551 9.534-.099 2.634-2.651 2.643-6.918.019-9.514-2.212-2.189-5.602-2.499-8.189-.953l-.151-.149c-1.967-1.947-1.96-5.148.015-7.136l9.553-9.612c3.292-3.313 3.303-8.647.024-11.892l-.151-.149c1.528-2.594 1.19-5.973-1.023-8.162Z"/>
+</svg>
diff --git a/images/pic_small_2.svg b/images/pic_small_2.svg
new file mode 100644
index 0000000..007e19a
--- /dev/null
+++ b/images/pic_small_2.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="188" height="218" fill="none" viewBox="0 0 188 218">
+  <rect width="86" height="95.901" x="59.228" y="61.582" fill="#9EC71E" rx="11" transform="rotate(-45.731 59.228 61.582)"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m128.07 103.668-7.775 7.977c-3.291 3.376-8.56 3.578-11.767.452l-44.72-43.593c-3.208-3.127-3.14-8.399.151-11.775l45.886-47.072c3.291-3.376 8.56-3.578 11.767-.452l44.72 43.593c3.207 3.127 3.14 8.399-.152 11.775L139.99 91.44"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m108.527 112.097 11.617 11.324c3.208 3.126 8.476 2.924 11.767-.452l45.886-47.072c3.291-3.376 3.359-8.648.151-11.775l-11.617-11.324"/>
+  <rect width="86" height="95.901" x="1.207" y="149.582" fill="#9EC71E" rx="11" transform="rotate(-45.731 1.207 149.582)"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m108.18 152.551-45.885 47.072c-3.291 3.376-8.56 3.578-11.767.452l-44.72-43.593c-3.208-3.127-3.14-8.399.151-11.775l45.886-47.072c3.291-3.376 8.56-3.578 11.767-.451l44.72 43.592c3.207 3.127 3.139 8.399-.152 11.775Z"/>
+  <path stroke="#3F3F3F" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3.5" d="m50.527 200.075 11.617 11.324c3.208 3.127 8.476 2.924 11.768-.452l45.885-47.071c3.291-3.377 3.359-8.649.151-11.775l-11.617-11.324"/>
+  <path fill="#000" fill-opacity=".63" d="M123.77 63.946c2.834.744 5.47.712 7.718-1.641 1.889-1.977 1.996-4.285.478-5.73-1.819-1.73-3.703-1.046-6.84.123l-1.709.652c-4.92 1.89-9.149 2.234-13.468-1.875-3.98-3.786-4.404-9.394-.333-13.655 2.898-3.034 6.155-4.098 10.731-2.745l-.897 6.24c-2.412-.735-3.898-.463-5.207.907-1.335 1.397-1.196 3.22.092 4.446 1.592 1.514 3.083 1.24 6.025.132l1.707-.653c5.806-2.215 9.964-2.629 14.395 1.587 4.776 4.544 4.169 10.408-.16 14.94-4.233 4.431-9.316 5.06-13.732 3.533l1.2-6.26ZM108.127 81.24c2.195.657 4.097 1.164 5.663-.475 1.497-1.567 1.76-3.205-.892-5.728l-18.04-17.163 4.558-4.771 18.112 17.23c5.494 5.227 5.227 10.503 1.188 14.73-3.65 3.82-7.962 3.942-11.684 2.548l1.095-6.371Zm-44.214 44.011c-2.624-2.597-6.9-2.552-9.534.099-2.635 2.65-2.643 6.917-.02 9.513 2.212 2.189 5.602 2.5 8.19.953l.15.15c1.967 1.946 1.96 5.147-.014 7.135l-9.553 9.612a8.492 8.492 0 0 0-2.391 4.784l-4.911-4.859c1.528-2.594 1.188-5.974-1.024-8.162-2.623-2.596-6.9-2.552-9.534.099-2.634 2.65-2.643 6.917-.02 9.513 2.213 2.189 5.603 2.5 8.19.953l9.815 9.713c-1.528 2.594-1.188 5.973 1.024 8.162 2.624 2.596 6.9 2.552 9.534-.099 2.634-2.65 2.643-6.917.02-9.513-2.213-2.189-5.603-2.5-8.19-.954l-.15-.149c-1.968-1.946-1.961-5.148.014-7.135l9.553-9.613c3.293-3.312 3.303-8.647.024-11.892l-.15-.149c1.527-2.594 1.189-5.973-1.023-8.161Z"/>
+</svg>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..180d600
--- /dev/null
+++ b/index.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Software Developmnt Course</title>
+  <link rel="stylesheet" href="styles.css">
+
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+  
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Ubuntu+Sans+Mono:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
+  
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,700,1,0" />
+</head>
+<body>
+  <div class="top">
+    <div class="link-top">
+      <a href="https://hattifnatt4r.github.io/sd/program1.pdf" target="_blank" rel="noreferrer">
+        <i class="fab fa-github"></i> Download
+      </a>
+    </div>
+  </div>
+  <div class="content-center">
+    <div class="header">
+      <div class="header-left">
+        <div class="header-title">
+          Software Development Course
+        </div>
+        <div class="header-descr">
+          Learn software development by building simple and advanced web apps. &nbsp;
+          Join us if you have questions about software development or just want to hang out!
+        </div>
+      </div>
+      <div class="header-right">
+        <div class="header-pic_sm">
+          <div class="header-pic__pic">
+            <img src="images/pic_small.svg">
+          </div>
+        </div>
+        <div class="header-pic_lg">
+          <div class="header-pic__pic">
+            <img src="images/pic6.svg">
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="contacts">
+      <div class="contact">
+        <div class="contact__icon">
+          <img src="images/marker.svg">
+        </div>
+        <div class="contact__text">
+          <div class="contact__text__title">Location</div>
+          A computer room was kindly provided by the <br>
+          Cambridge Community Center<br>
+          5 Callender St, Cambridge, MA 02139
+        </div>
+      </div>
+      <div class="contact">
+        <div class="contact__icon">
+          <img src="images/comment.svg">
+        </div>
+        <div class="contact__text">
+          <div class="contact__text__title">Contact</div>
+          Maria, &nbsp;(626) 689-9042&nbsp;
+          dolgareva.ma@gmail.com
+        </div>
+      </div>
+      <div class="contact">
+        <div class="contact__icon">
+          <img src="images/calendar-day.svg">
+        </div>
+        <div class="contact__text">
+          <div class="contact__text__title">Date</div>
+          Come meet us at CCC - <br>
+          <span class="accent-text">June 17th 6:30pm </span><br>
+          <span class="accent-text">June 18th 6:00pm </span><br>
+          further dates will be posted later<br>          
+        </div>
+      </div>
+    </div>
+
+    <div class=""></div>
+    <div class="details__section-highlight2"></div>
+    <div class="details__section-title">Overview</div>
+    <div class="details">
+      <div class="details__section">
+        <div class="details__section-highlight2"></div>
+        <div class="details__section-title2">Front-end / basic programming</div>
+        &gt; HTML and CSS basics<br>
+        &gt; Code management tools<br>
+        &gt; JavaScript basics<br>
+        &gt; Programming basics<br>
+      </div>
+      <div class="details__section" style="min-width: 12rem;">
+        <div class="details__section-highlight2"></div>
+        <div class="details__section-title2">Advanced front-end</div>
+        &gt; Advanced JavaScript<br>
+        &gt; Best practices<br>
+        &gt; React.js
+      </div>
+      <div class="details__section">
+        <div class="details__section-highlight2"></div>
+        <div class="details__section-title2">Back-end and hosting</div>
+        &gt; Python / Go and simple APIs<br>
+        &gt; Hosting and server setup<br>
+        &gt; Database basics
+      </div>
+    </div>
+
+    <div>
+      <div class="details2">
+        5-8 week free program,  
+        adjusted to student’s interests. <br>
+        No and prior coding experience required.  <br>
+        Topic suggestions are welcome!
+      </div>
+      <!--
+      <div class="link-bottom">
+        <a href="https://hattifnatt4r.github.io/sd/program1.pdf" target="_blank" rel="noreferrer">
+          Download PDF
+        </a>
+      </div>
+      -->
+    </div>
+    <div class="header-pic_sm2">
+      <div class="header-pic__pic">
+        <img src="images/pic_small_2.svg">
+      </div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/index2.html b/index2.html
new file mode 100644
index 0000000..e57dfa6
--- /dev/null
+++ b/index2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>SD Course</title>
+  <script type="text/javascript">
+    var redirectUrl = "program.pdf";
+    setTimeout(function() {
+      window.location.href = redirectUrl;
+    }, 0);
+  </script>
+</head>
+<body>
+  
+</body>
+</html>
\ No newline at end of file
diff --git a/program1.pdf b/program1.pdf
new file mode 100644
index 0000000..dbd9a0e
Binary files /dev/null and b/program1.pdf differ
diff --git a/program.pdf b/program2.pdf
similarity index 99%
rename from program.pdf
rename to program2.pdf
index b6ed765..1a8e0cd 100644
Binary files a/program.pdf and b/program2.pdf differ
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..c0719d5
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,255 @@
+* {
+  box-sizing: border-box;
+}
+html {
+  font-size: 14px;
+  line-height: 20px;
+  font-family: "Montserrat", sans-serif;
+  font-weight: 450;
+}
+@media only screen and (max-width: 600px) {
+  html {
+    font-size: 18px;
+    line-height: 27px;
+  }
+}
+body {
+  width: 100%;
+  margin: 0;
+}
+
+.top {
+  width: 100%;
+  height: 3.5rem;
+  padding: 1rem min(8rem, 10vw); 
+  border-bottom: 1px solid rgba(0,0,0,0.1);
+}
+.content-center {
+  position: relative;
+  max-width: 75rem;
+  margin: 0 auto;
+  min-height: 90dvh;
+  border-left: 1px solid rgba(0,0,0,0);
+  border-right: 1px solid rgba(0,0,0,0); 
+  padding: 0 min(8rem, 10vw); 
+  padding-bottom: 30dvh;
+}
+
+.header {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: min(6rem, 7dvh);
+  margin-bottom: 1rem;
+}
+.header-left {
+  margin-right: 1rem;
+  padding-top: 1.5rem;
+  max-width: 39rem;
+  margin-bottom: 2rem;
+}
+.header-right {
+  max-width: min(18rem, 20vw);
+  max-height: min(18rem, 20vw);
+  max-width: 18rem;
+  max-height: 18rem;
+}
+
+.header-title {
+  --fs: min(2.9rem, 11vw);
+  font-weight: 550;
+  color: rgba(0,0,0,0.8);
+
+  /*
+  text-transform: uppercase;
+  --fs: min(2.5rem, 11vw);
+  font-weight: 550;
+  color: rgba(0,0,0,0.8);
+  */
+  font-size: var(--fs);
+  line-height: calc(var(--fs) * 1.15);
+  font-family: "Montserrat", sans-serif;
+  max-width: 40rem;
+  margin-bottom: 1rem;
+}
+.header-descr {
+  font-size: 1.2rem;
+  line-height: 1.7rem;
+  font-weight: 500;
+  max-width: 37rem;
+}
+
+.header-pic_lg {
+  position: relative;
+  max-width: 100%;
+  height: 100%;
+}
+.header-pic_sm {
+  position: absolute;
+  top: 2.5rem;
+  right: 0.5rem;
+  width: 8rem;
+  height: 5rem;
+  display: none;
+}
+.header-pic_sm2 {
+  position: absolute;
+  bottom: 3rem;
+  right: 2rem;
+  width: 7rem;
+  height: 8rem;
+}
+
+
+/* new pic */
+.header-pic_lg .header-pic__pic {
+  position: relative;
+  height: 200%;
+  width: 140%;
+  margin-left: -10%;
+}
+.header-pic_lg img {
+  max-height: 100%;
+  max-width: 100%;
+  opacity: 0.87;
+}
+
+.header-pic_sm .header-pic__pic {
+  position: relative;
+  height: 200%;
+  width: 100%;
+}
+.header-pic_sm img {
+  max-height: 100%;
+  max-width: 100%;
+  opacity: 1;
+}
+
+.header-pic_sm2 .header-pic__pic {
+  position: relative;
+  height: 100%;
+  width: 100%;
+}
+.header-pic_sm2 img {
+  max-height: 100%;
+  max-width: 100%;
+  opacity: 0.9;
+}
+
+
+@media  (min-width: 1070px) {
+  .header-pic_sm {
+    display: none;
+  }
+  .header-pic_sm2 {
+    display: none;
+  }
+}
+@media  (max-width: 1070px) {
+  .header-pic_lg {
+    display: none;
+  }
+}
+
+
+
+
+.contacts {
+  margin-bottom: 4.2rem;
+}
+.contact {
+  display: flex;
+  margin-bottom: 2rem;
+}
+.contact__icon {
+  width: 2rem;
+  height: 2rem;
+  min-width: 2rem;
+  margin-right: 1rem;
+  position: relative;
+
+}
+.contact__icon img {
+  max-width: 100%;
+  position: relative;
+  opacity: 0.7;
+}
+.contact__icon::before {
+  position: absolute;
+  content: ' ';
+  background-color: #CAE0A6;
+  background-color: #9dc71ea9;
+  width: 100%;
+  height: 100%;
+  border-radius: 100%;
+  margin-left: -10%;
+  margin-top: 10%;
+}
+.contact__text {
+  max-width: 27rem;
+  font-weight: 450;
+}
+.contact__text__title {
+  font-weight: 650;
+}
+
+.details {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 1rem;
+}
+.details__section {
+  max-width: 18rem;
+  min-width: 17rem;
+  margin-right: 2rem;
+  margin-bottom: 1.5rem;
+  position: relative;
+}
+.details__section-highlight {
+  background-color: #CAE0A6;
+  min-height: 0.5rem;
+  min-width: 3rem;
+  position: absolute;
+  margin-top: 0.7rem;
+  margin-left: -0.3rem;
+  border-radius: 0.2rem;
+}
+.details__section-title {
+  font-size: 1.05rem;
+  font-weight: 600;
+  position: relative;
+  /* color: #7bb222; */
+}
+.details__section-title2 {
+
+}
+.details2 {
+  font-weight: 550;
+  font-size: 1.15rem;
+  line-height: 1.8rem;
+  margin-bottom: 1.5rem;
+  position: relative;
+}
+
+.link-top a {
+  text-decoration: none;
+  color: rgba(0,0,0);
+  font-weight: 500;
+}
+.link-top:hover a {
+  text-decoration: underline;
+  color: rgb(65, 81, 173);
+}
+.link-bottom a {
+  text-decoration: none;
+  font-weight: 500;
+  color: rgb(65, 81, 173);
+}
+.link-bottom:hover a {
+  text-decoration: underline;
+  color: rgb(65, 81, 173);
+}
+
+
+.accent-text {
+  font-weight: 600;
+}
\ No newline at end of file