diff --git a/.deepsource.toml b/.deepsource.toml new file mode 100644 index 0000000..2fdc395 --- /dev/null +++ b/.deepsource.toml @@ -0,0 +1,11 @@ +version = 1 + +[[analyzers]] +name = "javascript" +enabled = true + + [analyzers.meta] + plugins = [ + "react", + "angularjs" + ] \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/A meal website/css/phone.css b/A meal website/css/phone.css new file mode 100644 index 0000000..fa21145 --- /dev/null +++ b/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%; +} diff --git a/A meal website/css/style1.css b/A meal website/css/style1.css new file mode 100644 index 0000000..12fa80d --- /dev/null +++ b/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; +} diff --git a/A meal website/img/1.jpg b/A meal website/img/1.jpg new file mode 100644 index 0000000..fa17768 Binary files /dev/null and b/A meal website/img/1.jpg differ diff --git a/A meal website/img/2.jpg b/A meal website/img/2.jpg new file mode 100644 index 0000000..1cf7bee Binary files /dev/null and b/A meal website/img/2.jpg differ diff --git a/A meal website/img/3.jpg b/A meal website/img/3.jpg new file mode 100644 index 0000000..0da8577 Binary files /dev/null and b/A meal website/img/3.jpg differ diff --git a/A meal website/img/4.jpg b/A meal website/img/4.jpg new file mode 100644 index 0000000..a707b39 Binary files /dev/null and b/A meal website/img/4.jpg differ diff --git a/A meal website/img/404.jpg b/A meal website/img/404.jpg new file mode 100644 index 0000000..d127d1e Binary files /dev/null and b/A meal website/img/404.jpg differ diff --git a/A meal website/img/6.jpg b/A meal website/img/6.jpg new file mode 100644 index 0000000..89b7649 Binary files /dev/null and b/A meal website/img/6.jpg differ diff --git a/A meal website/img/bgg.jpg b/A meal website/img/bgg.jpg new file mode 100644 index 0000000..bcd856e Binary files /dev/null and b/A meal website/img/bgg.jpg differ diff --git a/A meal website/img/ft1.jpg b/A meal website/img/ft1.jpg new file mode 100644 index 0000000..bc02db8 Binary files /dev/null and b/A meal website/img/ft1.jpg differ diff --git a/A meal website/img/logo.jpg b/A meal website/img/logo.jpg new file mode 100644 index 0000000..14115a8 Binary files /dev/null and b/A meal website/img/logo.jpg differ diff --git a/A meal website/img/logo1.jpg b/A meal website/img/logo1.jpg new file mode 100644 index 0000000..1834886 Binary files /dev/null and b/A meal website/img/logo1.jpg differ diff --git a/A meal website/img/logo2.jpg b/A meal website/img/logo2.jpg new file mode 100644 index 0000000..e5995e3 Binary files /dev/null and b/A meal website/img/logo2.jpg differ diff --git a/A meal website/img/logo3].jpg b/A meal website/img/logo3].jpg new file mode 100644 index 0000000..44f7c5d Binary files /dev/null and b/A meal website/img/logo3].jpg differ diff --git a/A meal website/img/logo4.jpg b/A meal website/img/logo4.jpg new file mode 100644 index 0000000..765b3a9 Binary files /dev/null and b/A meal website/img/logo4.jpg differ diff --git a/A meal website/img/logo5.jpg b/A meal website/img/logo5.jpg new file mode 100644 index 0000000..da04c44 Binary files /dev/null and b/A meal website/img/logo5.jpg differ diff --git a/A meal website/img/logo6.jpg b/A meal website/img/logo6.jpg new file mode 100644 index 0000000..0713e88 Binary files /dev/null and b/A meal website/img/logo6.jpg differ diff --git a/A meal website/index.html b/A meal website/index.html new file mode 100644 index 0000000..8bc8451 --- /dev/null +++ b/A meal website/index.html @@ -0,0 +1,115 @@ + + + +
+ + + + +The best way to celebrate the holidays is with some delicious food.
+And here is the best for the best.
+ +The scope of the experienced caterers continues to rise, not just because of their professionalism, but also due to the ‘word of mouth’. Caterers are known to uplift.
+We offer discounts on bulk orders depending on the product and the total invoice amount. Minimum value to be eligible for discounts is approximately above Rs 250
+ + +Order food online from restaurants and get it delivered. Serving in Bangalore, Hyderabad, Delhi, Gurgaon, Nagpur, Jaipur, Coimbatore, Chandigarh.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
+ADS
++ Value cannot be empty or negative +
+ + ++ Values cannot be empty +
+ + + +Total Budget
+ 0 +Expenses
+ 0 +Balance
+ 0 +${expenseName}
${expenseValue}
`; + let editButton = document.createElement("button"); + editButton.classList.add("fa-solid", "fa-pen-to-square", "edit"); + editButton.style.fontSize = "1.2em"; + editButton.addEventListener("click", () => { + modifyElement(editButton, true); + }); + let deleteButton = document.createElement("button"); + deleteButton.classList.add("fa-solid", "fa-trash-can", "delete"); + deleteButton.style.fontSize = "1.2em"; + deleteButton.addEventListener("click", () => { + modifyElement(deleteButton); + }); + sublistContent.appendChild(editButton); + sublistContent.appendChild(deleteButton); + document.getElementById("list").appendChild(sublistContent); +}; + +//Function To Add Expenses +checkAmountButton.addEventListener("click", () => { + //empty checks + if (!userAmount.value || !productTitle.value) { + productTitleError.classList.remove("hide"); + return false; + } + //Enable buttons + disableButtons(false); + //Expense + let expenditure = parseInt(userAmount.value); + //Total expense (existing + new) + let sum = parseInt(expenditureValue.innerText) + expenditure; + expenditureValue.innerText = sum; + //Total balance(budget - total expense) + const totalBalance = tempAmount - sum; + balanceValue.innerText = totalBalance; + //Create list + listCreator(productTitle.value, userAmount.value); + //Empty inputs + productTitle.value = ""; + userAmount.value = ""; +}); diff --git a/Budget App/style/styles.css b/Budget App/style/styles.css new file mode 100644 index 0000000..129e17f --- /dev/null +++ b/Budget App/style/styles.css @@ -0,0 +1,152 @@ +* { + padding: 0; + margin: 0; + box-sizing: border-box; + font-family: sans-serif; + } + body { + background-color: #d7d7d7; + opacity: .9; + } + .wrapper { + width: 90%; + font-size: 16px; + max-width: 43.75em; + margin: 1em auto; + } + .container { + width: 100%; + } + .container h1{ + text-align: center; + margin: 5%; + text-transform: uppercase; + color: #001f7b; + + } + .sub-container { + width: 100%; + display: grid; + grid-template-columns: 1fr 1fr; + gap: 3em; + } + .flex { + display: flex; + align-items: center; + } + .flex-space { + display: flex; + justify-content: space-between; + align-items: center; + } + .wrapper h3 { + color: #363d55; + font-weight: 500; + margin-bottom: 0.6em; + } + .container input { + display: block; + width: 100%; + padding: 0.6em 0.3em; + border: 1px solid #d0d0d0; + border-radius: 0.3em; + color: #414a67; + outline: none; + font-weight: 400; + margin-bottom: 0.6em; + } + .container input:focus { + border-color: #001f7b; + } + .total-amount-container, + .user-amount-container { + background-color: #ffffff; + padding: 1.25em 0.9em; + border-radius: 0.3em; + box-shadow: 0 0.6em 1.2em rgba(28, 0, 80, 0.06); + } + .output-container { + background-color: #001f7b; + color: #ffffff; + border-radius: 0.3em; + box-shadow: 0 0.6em 1.2em rgba(28, 0, 80, 0.06); + margin: 2em 0; + padding: 1.2em; + } + .output-container p { + font-weight: 500; + margin-bottom: 0.6em; + } + .output-container span { + display: block; + text-align: center; + font-weight: 400; + color: #e5e5e5; + } + .submit { + font-size: 1em; + margin-top: 0.8em; + background-color: #001f7b; + border: none; + outline: none; + color: #ffffff; + padding: 0.6em 1.2em; + border-radius: 0.3em; + cursor: pointer; + } + .list { + background-color: #ffffff; + padding: 1.8em 1.2em; + box-shadow: 0 0.6em 1.2em rgba(28, 0, 80, 0.06); + border-radius: 0.6em; + } + .sublist-content { + width: 100%; + border-left: 0.3em solid #001f7b; + margin-bottom: 0.6em; + padding: 0.5em 1em; + display: grid; + grid-template-columns: 3fr 2fr 1fr 1fr; + } + .product { + font-weight: 500; + color: #363d55; + } + .amount { + color: #414a67; + margin-left: 20%; + } + .icons-container { + width: 5em; + margin: 1.2em; + align-items: center; + } + .product-title { + margin-bottom: 1em; + } + .hide { + display: none; + } + .error { + color: #ff465a; + } + .edit { + margin-left: auto; + } + .edit, + .delete { + background: transparent; + cursor: pointer; + margin-right: 1.5em; + border: none; + color: #001f7b; + } + @media screen and (max-width: 600px) { + .wrapper { + font-size: 14px; + } + .sub-container { + grid-template-columns: 1fr; + gap: 1em; + } + } diff --git a/Budget App/style/wall.jpg b/Budget App/style/wall.jpg new file mode 100644 index 0000000..0dbf3d0 Binary files /dev/null and b/Budget App/style/wall.jpg differ diff --git a/Builder Management System/images/about.jpg b/Builder Management System/images/about.jpg new file mode 100644 index 0000000..4e43e80 Binary files /dev/null and b/Builder Management System/images/about.jpg differ diff --git a/Builder Management System/images/favicon.png b/Builder Management System/images/favicon.png new file mode 100644 index 0000000..f609edc Binary files /dev/null and b/Builder Management System/images/favicon.png differ diff --git a/Builder Management System/images/home-1.jpg b/Builder Management System/images/home-1.jpg new file mode 100644 index 0000000..30efff7 Binary files /dev/null and b/Builder Management System/images/home-1.jpg differ diff --git a/Builder Management System/images/home-2.jpg b/Builder Management System/images/home-2.jpg new file mode 100644 index 0000000..f6abf13 Binary files /dev/null and b/Builder Management System/images/home-2.jpg differ diff --git a/Builder Management System/images/home-3.jpg b/Builder Management System/images/home-3.jpg new file mode 100644 index 0000000..62cb352 Binary files /dev/null and b/Builder Management System/images/home-3.jpg differ diff --git a/Builder Management System/images/project-1.jpg b/Builder Management System/images/project-1.jpg new file mode 100644 index 0000000..dba365d Binary files /dev/null and b/Builder Management System/images/project-1.jpg differ diff --git a/Builder Management System/images/project-2.jpg b/Builder Management System/images/project-2.jpg new file mode 100644 index 0000000..3fb45f4 Binary files /dev/null and b/Builder Management System/images/project-2.jpg differ diff --git a/Builder Management System/images/project-3.jpg b/Builder Management System/images/project-3.jpg new file mode 100644 index 0000000..53d6964 Binary files /dev/null and b/Builder Management System/images/project-3.jpg differ diff --git a/Builder Management System/images/team-1.jpg b/Builder Management System/images/team-1.jpg new file mode 100644 index 0000000..2618569 Binary files /dev/null and b/Builder Management System/images/team-1.jpg differ diff --git a/Builder Management System/images/team-2.jpg b/Builder Management System/images/team-2.jpg new file mode 100644 index 0000000..c8c3788 Binary files /dev/null and b/Builder Management System/images/team-2.jpg differ diff --git a/Builder Management System/images/team-3.jpg b/Builder Management System/images/team-3.jpg new file mode 100644 index 0000000..6445ca4 Binary files /dev/null and b/Builder Management System/images/team-3.jpg differ diff --git a/Builder Management System/images/team-4.jpg b/Builder Management System/images/team-4.jpg new file mode 100644 index 0000000..2ecebeb Binary files /dev/null and b/Builder Management System/images/team-4.jpg differ diff --git a/Builder Management System/index.html b/Builder Management System/index.html new file mode 100644 index 0000000..91245b1 --- /dev/null +++ b/Builder Management System/index.html @@ -0,0 +1,349 @@ + + + + + + +Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio praesentium deserunt officia fugiat? Similique molestiae, eos natus officia dolor totam porro magni, odio veniam quae amet delectus sunt nulla quas alias ullam. Exercitationem dolorem amet, temporibus est voluptatibus repellat sit quos sunt quia unde, laudantium adipisci minima similique incidunt earum!
+ Learn More +Lorem, ipsum dolor sit amet consectetur
adipisicing elit. Ullam, blanditiis.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero nihil dolorum impedit. Mollitia necessitatibus molestiae reiciendis et quas minus, facilis rerum cum nam sunt possimus ab est fugiat voluptatem odit similique dicta molestias quo libero quasi animi? Labore, minima eveniet?
+ +Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero nihil dolorum impedit. Mollitia necessitatibus molestiae reiciendis et quas minus, facilis rerum cum nam sunt possimus ab est fugiat voluptatem odit similique dicta molestias quo libero quasi animi? Labore, minima eveniet?
+ +Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero nihil dolorum impedit. Mollitia necessitatibus molestiae reiciendis et quas minus, facilis rerum cum nam sunt possimus ab est fugiat voluptatem odit similique dicta molestias quo libero quasi animi? Labore, minima eveniet?
+ +Lorem, ipsum dolor sit amet consectetur
adipisicing elit. Ullam, blanditiis.
+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere obcaecati modi rerum cupiditate minima nesciunt optio libero eum commodi doloribus. +
+ ++ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere obcaecati modi rerum cupiditate minima nesciunt optio libero eum commodi doloribus. +
+ ++ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere obcaecati modi rerum cupiditate minima nesciunt optio libero eum commodi doloribus. +
+ +Lorem, ipsum dolor sit amet consectetur
adipisicing elit. Ullam, blanditiis.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis ipsam, fuga aliquid dolor quibusdam aspernatur cupiditate vel atque enim earum.
+ + +Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis ipsam, fuga aliquid dolor quibusdam aspernatur cupiditate vel atque enim earum.
+ + +Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis ipsam, fuga aliquid dolor quibusdam aspernatur cupiditate vel atque enim earum.
+ + +Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis ipsam, fuga aliquid dolor quibusdam aspernatur cupiditate vel atque enim earum.
+ + +Lorem, ipsum dolor sit amet consectetur
adipisicing elit. Ullam, blanditiis.
+ Use this self-assessment tool to help determine whether you need
+ to be tested for COVID-19.
+
+
+ You can complete this assessment for yourself or on behalf of
+ someone else, if they are not able.
+
Coronavirus disease (COVID-19) is an infectious disease ...
++ The COVID-19 virus affects different people in different ways... +
++ There's currently no vaccine to prevent coronavirus disease... +
+A.Y. 2020-2021 +
+Electrical | +68 | +
---|---|
Printing | +54 | +
Civil | +60 | +
IT | +95 | +
CS | +101 | +
+ Click below to send an email! +
+ + +