Skip to content

Commit

Permalink
Merge pull request #62 from arindam369/master
Browse files Browse the repository at this point in the history 
contact update3
  • Loading branch information
@TheGuyDangerous
TheGuyDangerous authored Oct 16, 2022
2 parents 00a109e + 0db0ad1 commit 1067f29
Show file tree
Hide file tree
Showing 6 changed files with 919 additions and 429 deletions.
202 changes: 126 additions & 76 deletions About.html
View file
Original file line number Diff line number Diff line change
@@ -1,90 +1,140 @@
<!DOCTYPE html>
<html style="font-size: 16px;">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="Food Coders coding zomato swiggy handmade recipe homemade how to ">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-plugin">
<title>About</title>
<link rel="shortcut icon" href="images/favicon.png" type="image/png">
<link rel="stylesheet" href="noobcoders.css" media="screen">
<link rel="stylesheet" href="About.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="noobcoders.js" defer=""></script>
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">


<script type="application/ld+json">{

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="Food Coders coding zomato swiggy handmade recipe homemade how to ">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-plugin">
<title>About</title>
<link rel="shortcut icon" href="images/favicon.png" type="image/png">
<link rel="stylesheet" href="noobcoders.css" media="screen">
<link rel="stylesheet" href="About.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="noobcoders.js" defer=""></script>
<link id="u-theme-google-font" rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">


<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "FoodCoders",
"logo": "images/Remini20211005111607851-removebg1.png"
}</script>
<meta name="theme-color" content="#478ac9">
<meta property="og:title" content="About">
<meta property="og:description" content="">
<meta property="og:type" content="website">
</head>
<body class="u-body"><header class="u-clearfix u-header u-header" id="sec-aeb5"><div class="u-clearfix u-sheet u-sheet-1">
<a href="Home.html" data-page-id="915512892" class="u-image u-logo u-image-1" data-image-width="3456" data-image-height="3408" title="Home">
<img src="images/Remini20211005111607851-removebg1.png" class="u-logo-image u-logo-image-1">
</a>
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0px; font-weight: 500;">
<a class="u-button-style u-custom-active-border-color u-custom-active-color u-custom-border u-custom-border-color u-custom-borders u-custom-hover-border-color u-custom-hover-color u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="#">
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
</symbol>
</defs></svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-nav u-spacing-2 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90" href="Home.html" style="padding: 10px 20px;">Home</a>
</li><li class="u-nav-item"><a class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90" href="Vegetarian.html" style="padding: 10px 20px;">Recipes</a>
</li><li class="u-nav-item"><a class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90" href="About.html" style="padding: 10px 20px;">About</a>
</li></ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-inner-container-layout u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html" style="padding: 10px 20px;">Home</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Vegetarian.html" style="padding: 10px 20px;">Recipes</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="About.html" style="padding: 10px 20px;">About</a>
</li></ul>
</div>
<meta name="theme-color" content="#478ac9">
<meta property="og:title" content="About">
<meta property="og:description" content="">
<meta property="og:type" content="website">
</head>

<body class="u-body">
<header class="u-clearfix u-header u-header" id="sec-aeb5">
<div class="u-clearfix u-sheet u-sheet-1">
<a href="Home.html" data-page-id="915512892" class="u-image u-logo u-image-1" data-image-width="3456"
data-image-height="3408" title="Home">
<img src="images/Remini20211005111607851-removebg1.png" class="u-logo-image u-logo-image-1">
</a>
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0px; font-weight: 500;">
<a class="u-button-style u-custom-active-border-color u-custom-active-color u-custom-border u-custom-border-color u-custom-borders u-custom-hover-border-color u-custom-hover-color u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base"
href="#">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;">
<rect y="1" width="16" height="2"></rect>
<rect y="7" width="16" height="2"></rect>
<rect y="13" width="16" height="2"></rect>
</symbol>
</defs>
</svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-nav u-spacing-2 u-unstyled u-nav-1">
<li class="u-nav-item"><a
class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90"
href="Home.html" style="padding: 10px 20px;">Home</a>
</li>
<li class="u-nav-item"><a
class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90"
href="Vegetarian.html" style="padding: 10px 20px;">Recipes</a>
</li>
<li class="u-nav-item"><a
class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90"
href="About.html" style="padding: 10px 20px;">About</a>
</li>
<li class="u-nav-item"><a
class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90"
href="Contact.html" style="padding: 10px 20px;">Contact</a>
</li>
</ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-inner-container-layout u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2">
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html"
style="padding: 10px 20px;">Home</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="Vegetarian.html"
style="padding: 10px 20px;">Recipes</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="About.html"
style="padding: 10px 20px;">About</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="Contact.html"
style="padding: 10px 20px;">Contact</a>
</li>
</ul>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
</div></header>
<section class="u-align-left u-clearfix u-grey-90 u-section-1" id="carousel_9734">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-align-center-xs u-align-left-md u-align-left-sm u-container-style u-image u-layout-cell u-right-cell u-size-30 u-image-1" data-image-width="800" data-image-height="800">
<div class="u-container-layout u-valign-bottom u-container-layout-1"></div>
</div>
<div class="u-container-style u-layout-cell u-left-cell u-size-30 u-layout-cell-2">
<div class="u-container-layout u-container-layout-2">
<img class="u-image u-image-default u-preserve-proportions u-image-2" src="images/GitHub-Mark-Light-120px-plus.png" alt="" data-image-width="120" data-image-height="120" data-href="https://github.com/TheGuyDangerous/Hackathon-noob_coders" data-target="_blank">
<p class="u-align-center u-text u-text-1">HI There , we hope you enjoyed our project as much as we enjoyed making it !!!<br>Here are the names of our team members -<br>Sannidhya Dubey<br>Om Daxini<br>Anurag Bhatt<br>Sharad Jha<br>Shreya Kakkar
</p>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
</div>
</header>
<section class="u-align-left u-clearfix u-grey-90 u-section-1" id="carousel_9734">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div
class="u-align-center-xs u-align-left-md u-align-left-sm u-container-style u-image u-layout-cell u-right-cell u-size-30 u-image-1"
data-image-width="800" data-image-height="800">
<div class="u-container-layout u-valign-bottom u-container-layout-1"></div>
</div>
<div class="u-container-style u-layout-cell u-left-cell u-size-30 u-layout-cell-2">
<div class="u-container-layout u-container-layout-2">
<img class="u-image u-image-default u-preserve-proportions u-image-2"
src="images/GitHub-Mark-Light-120px-plus.png" alt="" data-image-width="120" data-image-height="120"
data-href="https://github.com/TheGuyDangerous/Hackathon-noob_coders" data-target="_blank">
<p class="u-align-center u-text u-text-1">HI There , we hope you enjoyed our project as much as we
enjoyed making it !!!<br>Here are the names of our team members -<br>Sannidhya Dubey<br>Om
Daxini<br>Anurag Bhatt<br>Sharad Jha<br>Shreya Kakkar
</p>
</div>
</div>
</div>
</div>
<h6 class="u-align-center u-text u-text-2">*you can visit our repo through the icon</h6>
</div>
</section>


<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-d483"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<p class="u-small-text u-text u-text-variant u-text-1">Created with ❤️ by Team noob_coders for<br>&nbsp;Code Academy Hackathon
</p>
</div></footer>
</body>
</html>
<h6 class="u-align-center u-text u-text-2">*you can visit our repo through the icon</h6>
</div>
</section>


<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-d483">
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<p class="u-small-text u-text u-text-variant u-text-1">Created with ❤️ by Team noob_coders for<br>&nbsp;Code
Academy Hackathon
</p>
</div>
</footer>
</body>

</html>
87 changes: 87 additions & 0 deletions Contact.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
.contact-support-box{
/* border: 1px solid red; */
margin-top: 50px;
}
.contact-heading{
text-align: center;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 1.8rem;
margin-bottom: 30px;
}
.help-heading{
text-align: center;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 1.5rem;
margin-bottom: 30px;
}
.contact-container{
/* background-color: red; */
display: flex;
justify-content: center;


}
.contact-box{
/* border: 1px solid red; */
/* background-color: black; */
display: flex;
border-radius: 15px;
width: 800px;
padding: 20px 5px;
}
.contact-box img{
height: 300px;
}

.rightPart{
/* border: 1px solid red; */
padding: 15px;
text-align: center;
margin-top: 20px;
}
.rightPart label{
display: block;
/* border: 2px solid blue; */
font-size: 1.1rem;
font-weight: 700;
}
.rightPart input{
width: 200px;
padding: 8px 8px;
margin-bottom: 13px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
border-radius: 5px;
border: 1px solid black;
}
.rightPart textarea{
width: 200px;
resize: none;
padding: 6px 8px;
border-radius: 8px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.contact-ques{
/* border: 2px solid green; */
width: 70px;
display: inline-block;
margin-right: 20px;
/* border: 1px solid red; */
}
.message-ques{
display: flex !important;
justify-content: center;
align-items: center;
/* border: 1px solid red; */
}
.rightPart button{
margin-top: 15px;
margin-left: 75px;
padding: 7px 14px;
border-radius: 5px;
border: 1px solid rgb(49, 49, 49);
background-color: #0275d8;
color: white;
}
.rightPart button:active{
transform: scale(.93);
}
Loading

0 comments on commit 1067f29

Please sign in to comment.