diff --git a/Assignments/CB.EN.U4CYS22049/ui/CSS/Forgotpswd.css b/Assignments/CB.EN.U4CYS22049/ui/CSS/Forgotpswd.css
new file mode 100644
index 00000000..920e5d07
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22049/ui/CSS/Forgotpswd.css
@@ -0,0 +1,398 @@
+html, body {
+    align-items: center;
+    background: #f2f4f8;
+    border: 0;
+    display: flex;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 16px;
+    height: 100%;
+    justify-content: center;
+    margin: 0;
+    padding: 0;
+  }
+  
+  form {
+    --background: white;
+    --border: rgba(0, 0, 0, 0.125);
+    --borderDark: rgba(0, 0, 0, 0.25);
+    --borderDarker: rgba(0, 0, 0, 0.5);
+    --bgColorH: 0;
+    --bgColorS: 0%;
+    --bgColorL: 98%;
+    --fgColorH: 210;
+    --fgColorS: 50%;
+    --fgColorL: 38%;
+    --shadeDark: 0.3;
+    --shadeLight: 0.7;
+    --shadeNormal: 0.5;
+    --borderRadius: 0.125rem;
+    --highlight: #306090;
+    background: white;
+    border: 1px solid var(--border);
+    border-radius: var(--borderRadius);
+    box-shadow: 0 1rem 1rem -0.75rem var(--border);
+    display: flex;
+    flex-direction: column;
+    padding: 1rem;
+    position: relative;
+    overflow: hidden;
+  }
+  
+  form .email, form .email a {
+    color: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
+    font-size: 0.825rem;
+    order: 4;
+    text-align: center;
+    margin-top: 0.25rem;
+    outline: 1px dashed transparent;
+    outline-offset: 2px;
+    display: inline;
+  }
+  
+  form a:hover {
+    color: hsl(var(--fgColorH), var(--fgColorS), calc(var(--fgColorL) * 0.85));
+    transition: color 0.25s;
+  }
+  
+  form a:focus {
+    color: hsl(var(--fgColorH), var(--fgColorS), calc(var(--fgColorL) * 0.85));
+    outline: 1px dashed hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
+    outline-offset: 2px;
+  }
+  
+  form > div {
+    order: 2;
+  }
+  
+  label {
+    display: flex;
+    flex-direction: column;
+  }
+  
+  .label-show-password {
+    order: 3;
+  }
+  
+  label > span {
+    color: var(--borderDarker);
+    display: block;
+    font-size: 0.825rem;
+    margin-top: 0.625rem;
+    order: 1;
+    transition: all 0.25s;
+  }
+  
+  label > span.required::after {
+    content: "*";
+    color: #dd6666;
+    margin-left: 0.125rem;
+  }
+  
+  label input {
+    order: 2;
+    outline: none;
+  }
+  
+  label input::placeholder {
+    color: var(--borderDark);
+  }
+  
+  /* trick from https://css-tricks.com/snippets/css/password-input-bullet-alternatives/ */
+  label input[name="password"] {
+    -webkit-text-security: disc;
+  }
+  
+  input[name="show-password"]:checked ~ div label input[name="password"] {
+    -webkit-text-security: none;
+  }
+  
+  label:hover span {
+    color: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
+  }
+  
+  input[type="checkbox"] + div label:hover span::before,
+  label:hover input.text {
+    border-color: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
+  }
+  
+  label input.text:focus,
+  label input.text:active {
+    border-color:  hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
+    box-shadow: 0 1px  hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
+  }
+  
+  input.text:focus + span,
+  input.text:active + span {
+    color:  hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
+  }
+  
+  input {
+    border: 1px solid var(--border);
+    border-radius: var(--borderRadius);
+    box-sizing: border-box;
+    font-size: 1rem;
+    height: 2.25rem;
+    line-height: 1.25rem;
+    margin-top: 0.25rem;
+    order: 2;
+    padding: 0.25rem 0.5rem;
+    width: 15rem;
+    transition: all 0.25s;
+  }
+  
+  input[type="submit"] {
+    color: hsl(var(--bgColorH), var(--bgColorS), var(--bgColorL));
+    background: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
+    font-size: 0.75rem;
+    font-weight: bold;
+    margin-top: 0.625rem;
+    order: 4;
+    outline: 1px dashed transparent;
+    outline-offset: 2px;
+    padding-left: 0;
+    text-transform: uppercase;
+  }
+  
+  input[type="checkbox"]:focus + label span::before,
+  input[type="submit"]:focus {
+    outline: 1px dashed hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
+    outline-offset: 2px;
+  }
+  
+  input[type="submit"]:focus {
+    background: hsl(var(--fgColorH), var(--fgColorS), calc(var(--fgColorL) * 0.85));
+  }
+  
+  input[type="submit"]:hover {
+    background: hsl(var(--fgColorH), var(--fgColorS), calc(var(--fgColorL) * 0.85));
+  }
+  
+  input[type="submit"]:active {
+    background: hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
+    transition: all 0.125s;
+  }
+  
+  /** Checkbox styling */
+  .a11y-hidden {
+    position: absolute;
+    top: -1000em;
+    left: -1000em;
+  }
+  
+  input[type="checkbox"] + label span {
+    padding-left: 1.25rem;
+    position: relative;
+  }
+  
+  input[type="checkbox"] + label span::before {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 0.75rem;
+    height: 0.75rem;
+    border: 1px solid var(--borderDark);
+    border-radius: var(--borderRadius);
+    transition: all 0.25s;
+    outline:1px dashed transparent;
+    outline-offset: 2px;
+  }
+  
+  input[type="checkbox"]:checked + label span::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0.1875rem;
+    left: 0.1875rem;
+    width: 0.375rem;
+    height: 0.375rem;
+    border: 1px solid var(--borderDark);
+    border-radius: var(--borderRadius);
+    transition: all 0.25s;
+    outline:1px dashed transparent;
+    outline-offset: 2px;
+    background: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
+  }
+  
+  :root {
+    --skinH: 0; /* Hue for black is typically 0 or 360 */
+    --skinS: 0%; /* Saturation for black is 0% */
+    --skinL: 20%; /* Adjust the lightness for desired darkness, 0% is completely black */
+  }
+  
+  /** PERSON */
+  figure {
+    /* ... (rest of your CSS remains unchanged) */
+    background: hsl(var(--fgColorH), calc(var(--fgColorS) * 2), 95%);
+    border: 1px solid rgba(0, 0, 0, 0.0625);
+    border-radius: 50%;
+    height: 0;
+    margin: auto auto;
+    margin-bottom: 2rem;
+    order: 1;
+    padding-top: 60%;
+    position: relative;
+    width: 60%;
+    overflow: hidden;
+  }
+  
+  
+  figure div {
+    position: absolute;
+    transform: translate(-50%, -50%);
+  }
+  
+  figure .skin {
+    background: hsl(var(--skinH), var(--skinS), var(--skinL));
+    box-shadow: inset 0 0 3rem hsl(var(--skinH), var(--skinS), calc(var(--skinL) * 0.95));
+  }
+  
+  figure .head {
+    top: 40%;
+    left: 50%;
+    width: 60%;
+    height: 60%;
+    border-radius: 100%;
+    box-shadow: 0 -0.175rem 0 0.125rem var(--hair);
+  }
+  
+  figure  .ears {
+    top: 47%;
+    left: 50%;
+    white-space: nowrap;
+  }
+  
+  figure .ears::before,
+  figure .ears::after {
+    content: "";
+    background: hsl(var(--skinH), var(--skinS), var(--skinL));
+    border-radius: 50%;
+    width: 1rem;
+    height: 1rem;
+    display: inline-block;
+    margin: 0 2.1rem;
+  }
+  
+  figure .head .eyes {
+    top: 55%;
+    left: 50%;
+    white-space: nowrap;
+  }
+  
+  @-webkit-keyframes blink {
+    0%, 90%, 100% {
+      height: 10px;
+    }
+    95% {
+      height: 0;
+    }
+  }
+  
+  @keyframes blink {
+    0%, 90%, 100% {
+      height: 10px;
+    }
+    95% {
+      height: 0px;
+    }
+  }
+  
+  figure .head .eyes::before,
+  figure .head .eyes::after {
+    content: "";
+    background: var(--borderDarker);
+    border-radius: 50%;
+    width: 10px;
+    height: 10px;
+    display: inline-block;
+    margin: 0 0.5rem;
+    -webkit-animation: blink 5s infinite;
+    animation: blink 5s infinite;
+    transition: all 0.15s;
+  }
+  
+  input[name="show-password"]:checked ~ figure .head .eyes::before,
+  input[name="show-password"]:checked ~ figure .head .eyes::after {
+    height: 0.125rem;
+    animation: none;
+  }
+  
+  figure .head .mouth {
+    border: 0.125rem solid transparent;
+    border-bottom: 0.125rem solid var(--borderDarker);
+    width: 25%;
+    border-radius: 50%;
+    transition: all 0.5s
+  }
+  
+  form:invalid figure .head .mouth {
+    top: 75%;
+    left: 50%;
+    height: 10%;
+  }
+  
+  form:valid figure .head .mouth {
+    top: 60%;
+    left: 50%;
+    width: 40%;
+    height: 40%;
+  }
+  
+  figure .hair {
+    top: 40%;
+    left: 50%;
+    width: 66.66%;
+    height: 66.66%;
+    border-radius: 100%;
+    overflow: hidden;
+  }
+  
+  figure .hair::before {
+    content: "";
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: var(--hair);
+    border-radius: 50%;
+    top: -60%;
+    left: -50%;
+    box-shadow: 4rem 0 var(--hair);
+  }
+  
+  figure .neck {
+    width: 10%;
+    height: 40%;
+    top: 62%;
+    left: 50%;
+    background: hsl(var(--skinH), var(--skinS), calc(var(--skinL) * 0.94));
+    border-radius: 0 0 2rem 2rem;
+    box-shadow: 0 0.25rem var(--border);
+  }
+  
+  figure .person-body {
+    width: 60%;
+    height: 100%;
+    border-radius: 50%;
+    background: red;
+    left: 50%;
+    top: 126%;
+    background: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
+  }
+  
+  figure .shirt-1,
+  figure .shirt-2 {
+    width: 12%;
+    height: 7%;
+    background: hsl(var(--bgColorH), var(--bgColorS), var(--bgColorL));
+    top: 76%;
+    left: 36.5%;
+    transform: skew(-10deg) rotate(15deg)
+  }
+  
+  figure .shirt-2 {
+    left: 52.5%;
+    transform: skew(10deg) rotate(-15deg)
+  }
+  
\ No newline at end of file
diff --git a/Assignments/CB.EN.U4CYS22049/ui/CSS/Signin.css b/Assignments/CB.EN.U4CYS22049/ui/CSS/Signin.css
new file mode 100644
index 00000000..f2eb3b3f
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22049/ui/CSS/Signin.css
@@ -0,0 +1,93 @@
+body {
+    margin: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+    background-color: #f4f4f4; /* Optional: Set a background color for the body */
+  }
+  
+  .container {
+    width: 350px; /* Adjusted width */
+    padding: 20px;
+    border: 1px solid #ccc;
+    text-align: center;
+    background-color: #fff; /* Optional: Set a background color for the container */
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle box shadow */
+  }
+  
+  .container img {
+    width: 100px;
+    margin-bottom: 20px;
+  }
+  
+  .container h1 {
+    font-size: 24px;
+    margin-bottom: 10px;
+  }
+  
+  .container p {
+    font-size: 16px;
+    margin-bottom: 15px;
+  }
+  
+  .container input {
+    width: calc(100% - 20px);
+    padding: 10px;
+    margin-bottom: 15px;
+    border: 1px solid #ccc;
+    box-sizing: border-box;
+  }
+  
+  .container .checkbox {
+    margin-bottom: 15px;
+  }
+  
+  .container .checkbox label {
+    cursor: pointer;
+  }
+  
+  .container a {
+    color: #3498db;
+    text-decoration: none;
+  }
+  
+  .container button {
+    width: 100%;
+    padding: 10px;
+    background-color: #3498db;
+    color: #fff;
+    border: none;
+    cursor: pointer;
+  }
+  
+  .container .home-link {
+    margin-top: 15px;
+  }
+  
+  /* Responsive adjustments */
+  @media (max-width: 500px) {
+    .container {
+      width: 90%;
+    }
+  }
+.bgvideo{
+    position: absolute;
+    right:0;
+    bottom: 0;
+    z-index: -1;
+} 
+@media (min-aspect-ratio: 16/9)
+{
+    .bgvideo{
+        width:100%;
+        height:auto;
+    }
+}
+@media (max-aspect-ratio: 16/9)
+{
+    .bgvideo{
+        width:auto;
+        height:100%;
+    }
+}
\ No newline at end of file
diff --git a/Assignments/CB.EN.U4CYS22049/ui/CSS/Signup.css b/Assignments/CB.EN.U4CYS22049/ui/CSS/Signup.css
new file mode 100644
index 00000000..b1c06dcc
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22049/ui/CSS/Signup.css
@@ -0,0 +1,123 @@
+html, body {
+min-height: 100%;
+}
+body, div, form, input, select, p { 
+padding: 0;
+margin: 0;
+outline: none;
+font-family: Roboto, Arial, sans-serif;
+font-size: 16px;
+color: #eee;
+}
+body {
+  background: url("../IMAGES/DSC00649-1-scaled.jpg") no-repeat center;
+  background-size: cover;
+}
+h1, h2 {
+text-transform: uppercase;
+font-weight: 400;
+}
+h2 {
+margin: 0 0 0 8px;
+}
+.main-block {
+display: flex;
+flex-direction: column;
+justify-content: center;
+align-items: center;
+height: 100%;
+padding: 25px;
+background: rgba(0, 0, 0, 0.5); 
+}
+.left-part, form {
+padding: 25px;
+}
+.left-part {
+text-align: center;
+}
+.fa-graduation-cap {
+font-size: 72px;
+}
+form {
+background: rgba(0, 0, 0, 0.7); 
+}
+.title {
+display: flex;
+align-items: center;
+margin-bottom: 20px;
+}
+.info {
+display: flex;
+flex-direction: column;
+}
+input, select {
+padding: 5px;
+margin-bottom: 30px;
+background: transparent;
+border: none;
+border-bottom: 1px solid #eee;
+}
+input::placeholder {
+color: #eee;
+}
+option:focus {
+border: none;
+}
+option {
+background: black; 
+border: none;
+}
+.checkbox input {
+margin: 0 10px 0 0;
+vertical-align: middle;
+}
+.checkbox a {
+color: #26a9e0;
+}
+.checkbox a:hover {
+color: #85d6de;
+}
+.btn-item, button {
+padding: 10px 5px;
+margin-top: 20px;
+border-radius: 5px; 
+border: none;
+background: #26a9e0; 
+text-decoration: none;
+font-size: 15px;
+font-weight: 400;
+color: #fff;
+}
+.btn-item {
+display: inline-block;
+margin: 20px 5px 0;
+}
+button {
+width: 100%;
+}
+button:hover, .btn-item:hover {
+background: #85d6de;
+}
+@media (min-width: 568px) {
+html, body {
+height: 100%;
+}
+.main-block {
+flex-direction: row;
+height: calc(100% - 50px);
+}
+.left-part, form {
+flex: 1;
+height: auto;
+}
+}
+#en{
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: xx-large;
+  font-size:50px;
+  color: #eee;
+}
+#def{
+    color: #26a9e0;
+    text-align: underline;
+}
\ No newline at end of file
diff --git a/Assignments/CB.EN.U4CYS22049/ui/CSS/proj_ui.css b/Assignments/CB.EN.U4CYS22049/ui/CSS/proj_ui.css
new file mode 100644
index 00000000..7b3b643a
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22049/ui/CSS/proj_ui.css
@@ -0,0 +1,375 @@
+
+/* Navbar css start */
+body{
+  background-color: white;
+}
+*{
+    padding:0;
+    margin:0;
+  }
+  #a1{
+    height:40px;
+    background-color:#0f1111;
+  }
+  #hyp0{
+    text-decoration:none;
+    color:white;
+    padding-right:200px;
+
+  }
+  #hyp1{
+    color:white;
+    text-decoration: none;
+    font-size:25px;
+    padding-right:200px;
+  }
+  #hyp2{
+    text-decoration:none;
+    color:white;
+    padding-right:200px;
+  }
+  #hyp3{
+    text-decoration:none;
+    color:white;
+    padding-right:200px;
+  }
+  #hyp4{
+    text-decoration:none;
+    color:white;
+    padding-right:180px;
+  }
+  #B1{
+    background-color:rgb(188, 53, 76);
+    color:white;
+    height: 25px;
+    width: 60px;
+  }
+
+/* navbar css ends here*/
+
+  * {
+    box-sizing: border-box;
+  }
+  header {
+    background-color: lightblue;
+    text-align: center;
+    padding: 2px;
+    font-size: 25px;
+    color: white;
+  }
+  nav {
+    float: left;
+    width: 30%;
+    height: 300px;
+    background: #fff;
+    padding: 20px;
+  }
+  nav ul {
+    list-style-type: none;
+    padding: 0;
+  }
+
+
+  footer {
+    background-color: lightblue;
+    padding: 10px;
+    text-align: center;
+    color: white;
+  }
+  section::after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+
+  /* img css */
+
+/* Add or update your existing CSS styles here */
+
+#dab1 {
+  float: left;
+  width: 550px;
+  height: 500px;
+  margin-right: 20px; /* Add margin to create space between #dab1 and #carea */
+}
+
+#carea {
+  float: left;
+  width: 600px; /* Adjust as needed */
+  position: relative;
+  margin-left: 350px;
+}
+
+/* Rest of your CSS styles remain unchanged */
+
+
+    table {
+      border-collapse: collapse;
+      width: 80%;
+      margin: 20px auto;
+  }
+  
+  table, th, td {
+      border: 2px solid black;
+  }
+  
+  th, td {
+      padding: 10px;
+      text-align: left;
+  }
+  
+  th {
+      background-color: #f2f2f2;
+  }
+  .box-container {
+    background-color: antiquewhite;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+    max-width: 1100px; /* Adjust as needed */
+    margin: 10px auto; /* Center the container */
+    padding: 50px;
+  }
+
+  .box {
+    width: 250px;
+    height: 250px;
+    border: 1px solid black;
+    padding: 10px;
+    margin: 10px;
+    box-sizing: border-box; /* Include padding and border in the total width and height */
+    
+  }
+  #about-us h2 {
+    color: #333;
+    margin-bottom: 20px;
+}
+  #holder{
+    background-color: antiquewhite;
+  }
+
+  .box img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  *{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Poppins', sans-serif;
+  }
+  .wrapper{
+    height: 100%;
+    width: 300px;
+    position: relative;
+  }
+  .wrapper .menu-btn{
+    position: absolute;
+    left: 20px;
+    top: 10px;
+    background: #4a4a4a;
+    color: #fff;
+    height: 45px;
+    width: 45px;
+    z-index: 9999;
+    border: 1px solid #333;
+    border-radius: 5px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s ease;
+  }
+  #btn:checked ~ .menu-btn{
+    left: 247px;
+  }
+  .wrapper .menu-btn i{
+    position: absolute;
+    font-size: 23px;
+    transition: all 0.3s ease;
+  }
+  .wrapper .menu-btn i.fa-times{
+    opacity: 0;
+  }
+  #btn:checked ~ .menu-btn i.fa-times{
+    opacity: 1;
+    transform: rotate(-180deg);
+  }
+  #btn:checked ~ .menu-btn i.fa-bars{
+    opacity: 0;
+    transform: rotate(180deg);
+  }
+  #sidebar{
+    position: fixed;
+    background: #0f1111;
+    height: 100%;
+    width: 270px;
+    overflow: hidden;
+    left: -270px;
+    transition: all 0.3s ease;
+  }
+  #btn:checked ~ #sidebar{
+    left: 0;
+  }
+  #sidebar .title{
+    line-height: 65px;
+    text-align: center;
+    background:#0f1111;
+    font-size: 25px;
+    font-weight: 600;
+    color: #f2f2f2;
+    border-bottom: 1px solid #222;
+  }
+  #sidebar .list-items{
+    position: relative;
+    background: #0f1111;
+    width: 100%;
+    height: 100%;
+    list-style: none;
+  }
+  #sidebar .list-items li{
+    padding-left: 40px;
+    line-height: 50px;
+    border-top: 1px solid #0f1111;
+    border-bottom: 1px solid #0f1111;
+    transition: all 0.3s ease;
+  }
+  #sidebar .list-items li:hover{
+    border-top: 1px solid transparent;
+    border-bottom: 1px solid transparent;
+    box-shadow: 0 0px 10px 3px #222;
+  }
+  #sidebar .list-items li:first-child{
+    border-top: none;
+  }
+  #sidebar .list-items li a{
+    color: #f2f2f2;
+    text-decoration: none;
+    font-size: 18px;
+    font-weight: 500;
+    height: 100%;
+    width: 100%;
+    display: block;
+  }
+  #sidebar .list-items li a i{
+    margin-right: 20px;
+  }
+  #sidebar .list-items .icons{
+    width: 100%;
+    height: 40px;
+    text-align: center;
+    position: absolute;
+    bottom: 100px;
+    line-height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  #sidebar .list-items .icons a{
+    height: 100%;
+    width: 40px;
+    display: block;
+    margin: 0 5px;
+    font-size: 18px;
+    color: #f2f2f2;
+    background:#0f1111;
+    border-radius: 5px;
+    border: 1px solid #0f1111;
+    transition: all 0.3s ease;
+  }
+  #sidebar .list-items .icons a:hover{
+    background: #0f1111;
+  }
+  .list-items .icons a:first-child{
+    margin-left: 0px;
+  }
+  .content{
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    color: #202020;
+    z-index: -1;
+    width: 100%;
+    text-align: center;
+  }
+  .content .header{
+    font-size: 45px;
+    font-weight: 700;
+  }
+  .content p{
+    font-size: 40px;
+    font-weight: 700;
+  }
+         /* Home section Start */
+         .home {
+          width: 100%;
+          height: 93vh;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex-wrap: wrap;
+          z-index: 0;
+          padding: 100px 8% 120px;
+      }
+      
+#home {
+          background-size: cover;
+          background-image: url("D:\\UI\\jbvjh.webp"); /* Add a semicolon here */
+      }
+#about-us {
+        background-color: #f8f8f8;
+        padding: 40px;
+        margin: 20px;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        border-radius: 8px;
+    }
+    #carea {
+      background-color: #fff;
+      padding: 20px;
+      margin: 20px;
+      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+      border-radius: 8px;
+  }
+
+  article {
+      text-align: justify;
+  }
+
+  h1, h2 {
+      color: #333;
+  }
+
+  h1 {
+      margin-top: 0;
+  }
+
+  h2 {
+      color: #555;
+      margin-bottom: 10px;
+  }
+
+  p {
+      color: #666;
+      line-height: 1.6;
+  }
+  footer {
+    background-color: #f8f8f8;
+    padding: 20px;
+    text-align: center;
+}
+
+.footer-content {
+    margin-bottom: 10px;
+}
+
+.contact-info a {
+    color: #007BFF;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+.contact-info a:hover {
+    text-decoration: underline;
+}
diff --git a/Assignments/CB.EN.U4CYS22049/ui/HTML/Forgotpswd.html b/Assignments/CB.EN.U4CYS22049/ui/HTML/Forgotpswd.html
new file mode 100644
index 00000000..9e912957
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22049/ui/HTML/Forgotpswd.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../CSS/Forgotpswd.css"> <!-- Replace 'your-stylesheet.css' with your actual CSS file -->
+    <title>Forgot Password</title>
+    <script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
+</head>
+<body>
+  <div class="elfsight-app-dec11a4c-a0ba-491f-8e86-4d9d805a7cd3" data-elfsight-app-lazy></div>
+<form method="get" action="javascript: void(0);" id="login-form" class="login-form" autocomplete="off" role="main">
+    <h1 class="a11y-hidden">Forgot Password</h1>
+    <div>
+      <label class="label-email">
+        <input type="email" class="text" name="email" placeholder="Email" tabindex="1" required />
+        <span class="required">Email</span>
+      </label>
+    </div>
+    <input type="checkbox" name="show-password" class="show-password a11y-hidden" id="show-password" tabindex="3" />
+    <label class="label-show-password" for="show-password">
+      <span>Show Password</span>
+    </label>
+    <div>
+      <label class="label-password">
+        <input type="text" class="text" name="password" placeholder="Password" tabindex="2" required />
+        <span class="required">Password</span>
+      </label>
+    </div>
+    <input type="submit" value="Reset Password" />
+    <div class="email">
+      <a href="../index.html">Back to home</a>
+    </div>
+    <figure aria-hidden="true">
+      <div class="person-body"></div>
+      <div class="neck skin"></div>
+      <div class="head skin">
+        <div class="eyes"></div>
+        <div class="mouth"></div>
+      </div>
+      <div class="hair"></div>
+      <div class="ears"></div>
+      <div class="shirt-1"></div>
+      <div class="shirt-2"></div>
+    </figure>
+  </form>
+</body>
+</html>
+
diff --git a/Assignments/CB.EN.U4CYS22049/ui/HTML/Signin.html b/Assignments/CB.EN.U4CYS22049/ui/HTML/Signin.html
new file mode 100644
index 00000000..67564b5a
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22049/ui/HTML/Signin.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>VEC_Signin</title>
+  <link rel="stylesheet" href="../CSS/Signin.css">
+  <script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
+  <style>
+    body {
+      margin: 0;
+      background-size: cover;
+      background-position: center;
+      background-repeat: no-repeat;
+      height: 100vh;
+      transition: background-image 1s ease-in-out; 
+    }
+  </style>
+</head>
+<body>
+  <div class="elfsight-app-dec11a4c-a0ba-491f-8e86-4d9d805a7cd3" data-elfsight-app-lazy></div>
+  <div class="container">
+    <img src="../IMAGES/elderly-senior-care-logo-free-vector.jpg" alt="vijaya Elderly Care">
+    <h1 id="fh">Vijaya Elderly Care</h1>
+    
+    <form action="#" method="post">
+      <label for="username">Username:</label>
+      <input type="text" id="username" name="username" placeholder="Enter Username">
+
+      <label for="password">Password:</label>
+      <input type="password" id="password" name="password" placeholder="Enter Password">
+
+      <a href="Forgotpswd.html">Forgot password?</a>
+      <br>
+      <button type="submit">Login</button>
+    </form>
+    <p class="home-link"><a href="../index.html">Home Page</a></p>
+  </div>
+
+  <script>
+    document.addEventListener('DOMContentLoaded', function () {
+      // Array of online image URLs
+      var imagePaths = [
+  '../IMAGES/1530018548137.jpeg',
+  '../IMAGES/DSC_0068.webp',
+  '../IMAGES/medical-checkup.webp',
+  '../IMAGES/DSC00649-1-scaled.jpg',
+  '../IMAGES/Mann-ka-Tilak-9.webp'
+];
+
+
+      var currentIndex = 0;
+
+      function changeBackground() {
+        document.body.style.backgroundImage = 'url("' + imagePaths[currentIndex] + '")';
+        currentIndex = (currentIndex + 1) % imagePaths.length;
+      }
+
+      // Change background every 5 seconds (5000 milliseconds)
+      setInterval(changeBackground, 2000);
+    });
+  </script>
+</body>
+</html>
diff --git a/Assignments/CB.EN.U4CYS22049/ui/HTML/Signup.html b/Assignments/CB.EN.U4CYS22049/ui/HTML/Signup.html
new file mode 100644
index 00000000..98993799
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22049/ui/HTML/Signup.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>VEC_Signup</title>
+  <link rel="stylesheet" href="../CSS/Signup.css">
+  <script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
+</head>
+<body>
+  <div class="elfsight-app-dec11a4c-a0ba-491f-8e86-4d9d805a7cd3" data-elfsight-app-lazy></div>
+    <div class="main-block">
+      <div class="left-part">
+        <i class="fas fa-graduation-cap"></i>
+        <h1 id="en">Vijaya Elderly care </h1>
+        <p>सर्वेषां भूतानां हिताय च, यत्र वृद्धिः समृद्धिरायाति।</p>
+        <div class="btn-group">
+        </div>
+      </div>
+      <form action="/">
+        <div class="title">
+          <i class="fas fa-pencil-alt"></i> 
+          <h2>Sign Up</h2>
+        </div>
+        <div class="info">
+          <input class="fname" type="text" name="name" placeholder="Full name">
+          <input type="text" name="name" placeholder="Email">
+          <input type="text" name="name" placeholder="Phone number">
+          <input type="password" name="name" placeholder="Password">
+        </div>
+        <div class="checkbox">
+          <input type="checkbox" name="checkbox"><span>I agree to the <a href="https://www.gstsuvidhakendra.org/know-a-to-z-about-indira-gandhi-national-old-age-pension-scheme/">Privacy Poalicy recognised by Govt of India</a></span>
+        </div>
+        <br>
+        <label for="signin-link">Have an account? <a id="def" href="Signin.html">Sign in</a></label>
+        <button type="submit" href="/">Submit</button>
+      </form>
+    </div>
+</body>
+</html>
diff --git a/Assignments/CB.EN.U4CYS22049/ui/HTML/under_const.html b/Assignments/CB.EN.U4CYS22049/ui/HTML/under_const.html
new file mode 100644
index 00000000..35a8b019
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22049/ui/HTML/under_const.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Under Construction</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      margin: 0;
+      padding: 0;
+      background-color: #f5f5f5;
+      text-align: center;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100vh;
+    }
+
+    h1 {
+      color: #333;
+    }
+
+    p {
+      color: #666;
+    }
+
+    img {
+      width: 100%;
+      max-width: 400px;
+      height: auto;
+      margin-top: 20px;
+    }
+  </style>
+</head>
+<body>
+
+  <h1>Under Construction</h1>
+  <p>We're sorry, but this page is currently under construction.</p>
+  <img src="../IMAGES/uc.jpg" alt="Under Construction" />
+
+</body>
+</html>
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/1530018548137.jpeg b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/1530018548137.jpeg
new file mode 100644
index 00000000..ff51c6db
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/1530018548137.jpeg differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/CH-healthcare-brings.jpg b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/CH-healthcare-brings.jpg
new file mode 100644
index 00000000..08dac1bc
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/CH-healthcare-brings.jpg differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/DSC00649-1-scaled.jpg b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/DSC00649-1-scaled.jpg
new file mode 100644
index 00000000..812df81d
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/DSC00649-1-scaled.jpg differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/DSC_0068.webp b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/DSC_0068.webp
new file mode 100644
index 00000000..6f2d7219
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/DSC_0068.webp differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/Dr-Geetanjali-Chopra-Founder-President-Wishes-and-Blessings-with-a-resident-of-old-age-home-Mann-Ka-Tilak.jpg b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/Dr-Geetanjali-Chopra-Founder-President-Wishes-and-Blessings-with-a-resident-of-old-age-home-Mann-Ka-Tilak.jpg
new file mode 100644
index 00000000..aa966883
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/Dr-Geetanjali-Chopra-Founder-President-Wishes-and-Blessings-with-a-resident-of-old-age-home-Mann-Ka-Tilak.jpg differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/Mann-ka-Tilak-9.webp b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/Mann-ka-Tilak-9.webp
new file mode 100644
index 00000000..c100b30c
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/Mann-ka-Tilak-9.webp differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/caretaker.jpeg b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/caretaker.jpeg
new file mode 100644
index 00000000..d3a85923
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/caretaker.jpeg differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/download.jpeg b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/download.jpeg
new file mode 100644
index 00000000..ba00714e
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/download.jpeg differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/elderly-senior-care-logo-free-vector.jpg b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/elderly-senior-care-logo-free-vector.jpg
new file mode 100644
index 00000000..99d25c55
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/elderly-senior-care-logo-free-vector.jpg differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/facility.webp b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/facility.webp
new file mode 100644
index 00000000..3c2524d1
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/facility.webp differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/happ.jpeg b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/happ.jpeg
new file mode 100644
index 00000000..0f11344a
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/happ.jpeg differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/imd.jpeg b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/imd.jpeg
new file mode 100644
index 00000000..cbde9c09
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/imd.jpeg differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/kljncjk.jpg b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/kljncjk.jpg
new file mode 100644
index 00000000..5d84a3b6
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/kljncjk.jpg differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/medical-checkup.webp b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/medical-checkup.webp
new file mode 100644
index 00000000..865b96c8
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/medical-checkup.webp differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/oo.jpg b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/oo.jpg
new file mode 100644
index 00000000..0c679ee4
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/oo.jpg differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/senior-man-spending-free-time-260nw-2272886009.jpg b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/senior-man-spending-free-time-260nw-2272886009.jpg
new file mode 100644
index 00000000..38e4ee08
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/senior-man-spending-free-time-260nw-2272886009.jpg differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/temp.png b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/temp.png
new file mode 100644
index 00000000..8539dceb
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/temp.png differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/IMAGES/uc.jpg b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/uc.jpg
new file mode 100644
index 00000000..232e9535
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22049/ui/IMAGES/uc.jpg differ
diff --git a/Assignments/CB.EN.U4CYS22049/ui/JAVASCRIPT/proj_ui.js b/Assignments/CB.EN.U4CYS22049/ui/JAVASCRIPT/proj_ui.js
new file mode 100644
index 00000000..8f7c0d8b
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22049/ui/JAVASCRIPT/proj_ui.js
@@ -0,0 +1,16 @@
+// Open the side pop
+function openSidePop() {
+    document.getElementById('side-pop').style.left = '0';
+  }
+  
+  // Close the side pop
+  function closeSidePop() {
+    document.getElementById('side-pop').style.left = '-100%';
+  }
+  
+  // Add a click event listener to the 'Get in Touch' button
+  document.getElementById('get-in-touch-button').addEventListener('click', openSidePop);
+  
+  // Add a click event listener to the close button inside the side pop
+  document.getElementById('side-pop-close-button').addEventListener('click', closeSidePop);
+
diff --git a/Assignments/CB.EN.U4CYS22049/ui/index.html b/Assignments/CB.EN.U4CYS22049/ui/index.html
new file mode 100644
index 00000000..ef6e6620
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22049/ui/index.html
@@ -0,0 +1,174 @@
+<!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="CSS/proj_ui.css">
+    <script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
+</head>
+<body>
+    <div class="elfsight-app-dec11a4c-a0ba-491f-8e86-4d9d805a7cd3" data-elfsight-app-lazy></div>
+    <header>
+        <div id="a1">
+            <a id="hyp0">VEC</a>
+            <a id="hyp1">Home</a>
+            <a id="hyp2" href="HTML/under_const.html">Support</a>
+            <a id="hyp3" href="HTML/Signup.html">Sign Up</a>
+            <a id="hyp4" href="HTML/under_const.html">Contact</a>
+            <input type="text" placeholder="know us">
+            <button id="B1">Search</button>
+        </div>    
+    </header>
+    <div class="wrapper">
+      <input type="checkbox" id="btn" hidden>
+      <label for="btn" class="menu-btn">
+        <i class="fas fa-bars"></i>
+        <i class="fas fa-times"></i>
+      </label>
+      <nav id="sidebar">
+        <div class="title">Side Menu</div>
+        <ul class="list-items">
+          <li><a href="HTML/under_const.html"><i class="fas fa-home"></i>Home</a></li>
+          <li><a href="HTML/under_const.html"><i class="fas fa-sliders-h"></i>Clients</a></li>
+          <li><a href="HTML/under_const.html"><i class="fas fa-address-book"></i>Services</a></li>
+          <li><a href="HTML/under_const.html"><i class="fas fa-cog"></i>Settings</a></li>
+          <li><a href="HTML/under_const.html"><i class="fas fa-stream"></i>Features</a></li>
+          <li><a href="HTML/under_const.html"><i class="fas fa-globe-asia"></i>Languages</a></li>
+          <li><a href="HTML/under_const.html"><i class="fas fa-envelope"></i>Contact us</a></li>
+          <div class="icons">
+            <a href="HTML/under_const.html"><i class="fab fa-facebook-f"></i></a>
+            <a href="HTML/under_const.html"><i class="fab fa-twitter"></i></a>
+            <a href="HTML/under_const.html"><i class="fab fa-github"></i></a>
+            <a href="HTML/under_const.html"><i class="fab fa-youtube"></i></a>
+          </div>
+        </ul>
+      </nav>
+    </div>
+    <div class="content">
+      <div class="header"></div>
+      <p></p>
+    </div>
+    <br><br>
+    <section>
+      <section class="home" id="home">
+        <div class="home-content">
+        </div>
+        <div class="img">
+          <img src="IMAGES/temp.png" alt="HOME">
+      </div>
+    </section>
+    <br><br>
+      <div id="about-us">
+        <h2>About Us</h2>
+      </div>
+    <br><br>
+    <section id="holder">
+    <br><br><br><br>
+    <div class="box-container">
+     <div class="box">
+       <img src="IMAGES/senior-man-spending-free-time-260nw-2272886009.jpg" alt="Image 1">
+     </div>
+     <div class="box">
+       <img src="IMAGES/happ.jpeg" alt="Image 2">
+     </div>
+     <div class="box">
+       <img src="IMAGES/kljncjk.jpg" alt="Image 3">
+     </div>
+     <div class="box">
+       <img src="IMAGES/Dr-Geetanjali-Chopra-Founder-President-Wishes-and-Blessings-with-a-resident-of-old-age-home-Mann-Ka-Tilak.jpg" alt="Image 4">
+     </div>
+     <div class="box">
+       <img src="IMAGES/oo.jpg" alt="Image 5">
+     </div>
+     <div class="box">
+       <img src="IMAGES/Mann-ka-Tilak-9.webp" alt="Image 6">
+     </div>
+     <div class="box">
+       <img src="IMAGES/imd.jpeg" alt="Image 7">
+     </div>
+     <div class="box">
+       <img src="IMAGES/DSC00649-1-scaled.jpg" alt="Image 8">
+     </div>
+     <div class="box">
+       <img src="IMAGES/caretaker.jpeg" alt="Image 9">
+     </div>
+   </div>
+  </section>
+   <br><br>
+    </section>
+
+    <br><br>
+    <h2>We have our centers in all parts of India</h2>
+    <table>
+        <tr>
+            <th>North India</th>
+            <th>South India</th>
+            <th>East India</th>
+            <th>West India</th>
+        </tr>
+        <tr>
+            <td>Amritsar, Chandigarh</td>
+            <td>Hyderabad, Chennai</td>
+            <td>Kolkata, Imphal</td>
+            <td>Pune, Surat</td>
+        </tr>
+    </table>
+    <marquee behavior="alternate" style="background-color: orange; height: 50px; font-size: 24px;">
+        Elders are our second children it's our responsibility to take care of them. To care with love 
+    </marquee>
+    <div id="Areabox">
+      <article>
+          <h2><u>Vision of Vijaya</u></h2>
+          <caption>To care with Love</caption>
+          <br>
+          <h1>Vijaya Elderly Care and Support: Redefining Senior Living Excellence</h1>
+      </article>
+
+      <section>
+          <p>we are excited to introduce our Family– Vijaya Elderly Care and Support. As pioneers in premium independent assisted living homes in India, we have reimagined our commitment to providing unparalleled indulgence for seniors.</p>
+      </section>
+
+      <section>
+          <h2>Our Commitment:</h2>
+          <p>At Vijaya Elderly Care and Support, we remain dedicated to offering a unique and optimal senior living experience. Our facilities are thoughtfully designed to cater to the evolving needs of aging individuals, ensuring their well-being and happiness.</p>
+      </section>
+
+      <section>
+          <h2>Expertise and Compassion:</h2>
+          <p>Our team consists of skilled and experienced senior healthcare professionals who understand the importance of creating a premium home for senior citizens. We recognize the emotional aspects that underpin this endeavor, and we are committed to preserving the essence of a caring and supportive community.</p>
+      </section>
+
+      <section>
+          <h2>Innovative Care:</h2>
+          <p>With the integration of advanced monitoring equipment and technology-oriented care, Vijaya Elderly Care and Support strives to establish a safe and secure environment for senior living. We aim to foster a sense of resonance and weave quintessential moments into the significant phase of your loved one's life.</p>
+      </section>
+
+      <section>
+          <h2>Embrace the Transformation:</h2>
+          <p>We invite you to embrace this transformation with us as we continue to uphold the values and quality that define our approach to senior care. At Vijaya Elderly Care and Support, we are not just changing our name; we are evolving to better serve the needs of our beloved seniors.</p>
+      </section>
+  </div>
+  <center>
+  <h3>Facilities at VEC</h3>
+  </center>
+  <img src="IMAGES/facility.webp">
+  <footer>
+    <div class="footer-content">
+        <p>MADE WITH ❤️ by Elderlycare & Support Co.</p>
+        <p>&copy; 2021-2023 Amazon.com, Inc. or its affiliates</p>
+        <script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
+<div class="elfsight-app-1a2c0692-2662-4ba1-aaa4-8ebed6cdd0a4" data-elfsight-app-lazy></div>
+    </div>
+    
+    <div class="contact-info">
+        <p>Phone: <a href="tel:+9182335910">9182335910</a></p>
+        <p>Email: <a href="mailto:gmail@gmail.com">VijayaElderlyCare@gmail.com</a></p>
+    </div>
+</footer>
+</body>
+<style>
+
+
+
+  
diff --git a/Assignments/CB.EN.U4CYS22049/ui/readme.md.txt b/Assignments/CB.EN.U4CYS22049/ui/readme.md.txt
new file mode 100644
index 00000000..b4230674
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22049/ui/readme.md.txt
@@ -0,0 +1 @@
+All pages require internet connection for viewing  whatsapp widgets.
\ No newline at end of file