Updates the SomeWebsite

.deepsource.toml

@@ -0,0 +1,11 @@
+version = 1
+
+[[analyzers]]
+name = "javascript"
+enabled = true
+
+  [analyzers.meta]
+  plugins = [
+    "react",
+    "angularjs"
+  ]

.vscode/settings.json

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

A meal website/css/phone.css

@@ -0,0 +1,107 @@
+/* Nav */
+
+#navbar{
+  flex-direction: column;
+  width:300vw;
+  justify-content:center;
+}
+ #navbar ul li a{
+  font-size: 2.8rem;
+}
+#navbar::before{
+width :300vw;
+}
+button{
+
+
+ width:260px;
+   font-size: 2.2rem;
+   padding: 4px;
+   margin-top: 4px;
+    border-radius :1.4rem;
+
+}
+#home{
+  width:230vw;
+  font-size: 2.6rem;
+}
+#home::before{
+  width:300vw;
+  height: 900px;
+}
+/* Services section */
+
+#services{
+  flex-direction: column;
+  align-items: center;
+  margin-left: 40vw;
+}
+/* .h{
+  display: block;
+  margin-left:100vw;
+  font-size: 3.2rem;
+} */
+.h{
+  display:block;
+  margin-top : 40%;
+    /* text-align: center; */
+    font-size: 32px;
+    font-family: 'Baloo Bhai 2', cursive;
+    margin-left: 120%;
+ }
+.box{
+  padding: 10px;
+
+  width: 200vw;
+    margin: 20px;
+    height: 100vh;
+}
+.box img{
+  display:block;
+
+  width: 100vw;
+  height: 70vh;
+  margin:auto;
+  padding:0px;
+}
+.box img .img1{
+ height:60vh;
+}
+.srv{
+  font-size: 3.2em;
+}
+.box p{
+  font-size: 2.5em;
+}
+.h-primary {
+
+  margin-left:140vw;
+  font-size: 3.2rem;
+}
+#contact::before{
+   width: 300%;
+  height: 64vh;
+  background-color: rgb(148, 142, 142);
+}
+.contactDetails{
+  width:280vw;
+
+}
+
+  #contact label {
+    display: block;
+    margin-left : 104vw;
+  }
+  .center{
+    text-align: center;
+    padding: 10px;
+  }
+
+  .sec {
+    display: block;
+    width: 120vw;
+    margin-left: 90vw;
+}
+.footer{
+  width:300%;
+}

A meal website/css/style1.css

@@ -0,0 +1,239 @@
+/* CSS Reset */
+*{
+    margin : 0;
+    padding : 0;
+}
+
+html{
+   scroll-behavior: smooth;
+}
+#navbar{
+    display : flex;
+    align-items: center;
+     position: sticky;
+    top:0px;
+
+}
+#navbar::before{
+    content : "";
+    background-color: rgba(0, 0, 0, 0.689);
+    position : absolute;
+    top:0px;
+    left:0px;
+  height:100%;
+   width :100%;
+
+    opacity : 0.7;
+    z-index:-1;
+  }
+
+
+
+#navbar ul{
+    display : flex;
+    margin: 24px  0px;
+    padding: 4px;
+ }
+
+#navbar ul li{
+    list-style:none;
+
+}
+#navbar ul li a{
+    text-decoration: none;
+    margin : 2px 2px;
+    padding : 16px;
+    color : white;
+    font-family: 'Balthazar', serif;
+    margin : 2px 2px;
+    padding: 16px;
+    padding-top: 6px;
+    padding-bottom: 6px;
+       font-size :1.1rem;
+    display:block;
+}
+#navbar ul li a:hover{
+    color: black;
+    background-color: white;
+    border-radius: 23px;
+    margin : 2px 2px;
+    padding: 16px;
+    padding-top: 6px;
+    padding-bottom: 6px;
+    font-family: 'Balthazar', serif;
+    font-size: 1.1rem;
+}
+#logo img{
+   width : 70px;
+   height :70px;
+   margin : 0px 20px;
+  }
+ /* HOME STYLING */
+ #home::before{
+    content:"";
+    background:url(../img/1.jpg) no-repeat center/cover;
+    position : absolute;
+   display: flex;
+    top:0px;
+    left:0px;
+    height: 640px;
+    width :100%;
+    opacity : 0.7;
+    z-index:-1;
+       }
+ #home{
+    display : flex;
+    flex-direction: column;
+    color:white;
+      justify-content:center;
+    text-align :center;
+    font-size:1.3rem;
+    margin :  30px 40px;
+    margin-bottom: 2px;
+    padding: 44px;
+    padding-bottom:0px;
+    font-family: 'Baloo Bhai 2', cursive;
+    height : 450px;
+
+ }
+ button{
+   display: block ;
+  margin:auto;
+  width:200px;
+    font-size: 1.2rem;
+         cursor:pointer;
+     border-radius :1rem;
+     background-color: rgba(172, 71, 71, 0.676);
+     font-family: 'Baloo Bhai 2', cursive;
+ }
+ /* Services */
+ #services {
+   display:flex;
+   flex-wrap: wrap;
+   margin-top: 70px;
+ }
+ .box img{
+  display: block;
+  margin:auto;
+    height : 160px;
+    width : 200px;
+ }
+ .box{
+    height : 280px;
+    width : 400px;
+    display:flex;
+    flex-direction: column;
+    margin:auto;
+    border : 2px solid brown;
+    margin : 15px;
+    padding: 18px;
+    border-radius: 1.2rem;
+    text-align:center;
+    justify-content: center;
+    font-family: 'Baloo Bhai 2', cursive;
+    background-color: rgb(242, 230, 214);
+ }
+.box img .img1{
+    width :400px;
+ }
+ #services{
+
+    max-width:100%;
+    max-height:100%;
+    display: flex;
+
+    justify-content: center;
+    text-align: center;
+ }
+ .h{
+  margin-top : 70px;
+    text-align: center;
+    font-size: 32px;
+    font-family: 'Baloo Bhai 2', cursive;
+ }
+ /* utility classes */
+ .h-primary{
+   font-size: 2rem; 
+    font-family: 'Baloo Bhai 2', cursive;
+ }
+ .center{
+   text-align: center;
+   padding: 20px;
+ }
+ #clt img{
+   height : 150px;
+   width : 150px;
+   margin : 26px;
+   margin-bottom: 0px;
+   padding:10px;
+
+ }
+ .sec{
+   display:flex;
+   justify-content: center;
+   text-align: center;
+
+ }
+  #clt::before{
+   content:"";
+   background: url(../img/bg,jpg.jpg) no-repeat center/cover;
+   position : absolute;
+
+  left:0px;
+   max-height: 200px;
+   max-width :100%;
+   opacity : 0.4;
+   z-index:-1;
+   margin:0px;
+ }
+ .contact-box{
+   display : flex;
+   font-size: 1rem;
+   font-family:'Baloo Bhai 2', cursive ;
+    flex-direction: column;
+
+ }
+ .contactDetails input{
+   text-align:center;
+
+    margin: 8px ;
+   padding: 6px;
+   width: 550px;
+   border-radius: 1.2rem;
+   display:block;
+   margin:auto;
+ }
+ textarea{
+   display: block;
+   margin: auto;
+ }
+ #contact::before{
+   content: "";
+   background: url(../img/ft1.jpg) no-repeat center center/cover;
+   position: absolute;
+ background-color: rgb(120, 116, 116);
+   left:0px;
+   height:56%;
+   width:100%;
+   opacity :0.4;
+   z-index:-1;
+ }
+ .footer{
+  background-color: black;
+     height: 30px;
+  width:100%;
+ color:white;
+ text-align: center;
+
+ }
+ #contact label{
+   display:block;
+   margin:  0px 480px; 
+
+ }
+.footer{
+  display:block;
+  position:relative;
+  bottom:0px;
+  left:0px;
+}