Skip to content

Commit

Permalink
about and contact
Browse files Browse the repository at this point in the history
  • Loading branch information
@akashTharuka
akashTharuka committed Mar 20, 2021
1 parent 4a46fb9 commit d3a0f93
Show file tree
Hide file tree
Showing 13 changed files with 152 additions and 204 deletions.
78 changes: 42 additions & 36 deletions public/about.ejs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/styles_aboutUs.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- fa-eye and fa-eye-slash -->
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap" rel="stylesheet">
Expand All @@ -14,60 +15,65 @@

<body>

<div>
<h1>Team GTX</h1>
<div class="header">
<div class="image-container">
<img src="./resources/gtx.jpg" alt="team_logo">
</div>
<h1>TEAM GTX</h1>
</div>

<div>
<h2>Second semester project for Engineering Skill Development : Student Request System</h2>
<div class="projectHeaderContainer">
<div class="projectHeader">
<h2>Second Semester Project: Student Request System</h2>
</div>
<span>Contact Us: uom.studentrequestsystem@gmail.com</span>
</div>

<div>
<h3>Team Members:</h3>
</div>

<div>
<ul>
<li>
Oshanath Rajawasam
<div class="teamMembers">
<div class="details">
<h3>Oshanath Rajawasam (LOMCCA)</h3>
<div>
<ul>
<li>email</li>
<li>contact No.</li>
<li>email: oshanath.19@cse.mrt.ac.lk</li>
</ul>
</li>
<li>
Akash Tharuka
</div>
</div>
<div class="details">
<h3>Lasith Rajakarunaratne</h3>
<div>
<ul>
<li>email</li>
<li>contact No.</li>
<li>email: lasith.19@cse.mrt.ac.lk</li>
</ul>
</li>
<li>
Kalana Rubasinghe
</div>
</div>
<div class="details">
<h3>Kalana Rubasinghe</h3>
<div>
<ul>
<li>email</li>
<li>contact No.</li>
<li>email: kalana.19@cse.mrt.ac.lk</li>
</ul>
</li>
<li>
Lasith Rajakaruna
</div>
</div>
<div class="details">
<h3>Akash Tharuka</h3>
<div>
<ul>
<li>email</li>
<li>contact No.</li>
<li>email: akash.19@cse.mrt.ac.lk</li>
</ul>
</li>
<li>
Samadhi Divyanjalee
</div>
</div>
<div class="details">
<h3>Samadhi Divyanjali</h3>
<div>
<ul>
<li>email</li>
<li>contact No.</li>
<li>email: samadhi.19@cse.mrt.ac.lk</li>
</ul>
</li>
</ul>
</div>

<div>
<span>Contact Us: uom.studentrequestsystem@gmail.com</span>
</div>
</div>
</div>

</body>
Expand Down
198 changes: 48 additions & 150 deletions public/assets/css/contact.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,118 +9,80 @@ body{
min-height: 100vh;
margin: 0;
font-family: 'Ubuntu', sans-serif;
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.2)),url(../resources/unnamed.jpg);
background-size: cover;
}

.container{
background-color:rgba(255,255,255,0.5);
border-radius: 40px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
width: 35%;
max-width: 100%;
position: relative;
}

.header{
background-color: #70a9a1;
border-bottom: 1px solid #f0f0f0;
padding: 20px 40px;
border-radius: 20px;
text-align: center;
opacity:0.95;
}

.header h2{
margin: 0px;
h1{
margin: 0;
margin-bottom: 20px;
padding: 0;
top: 0;
left: 0;
font-family: 'Ubuntu', sans-serif;
color: grey;
}

.form{
padding: 20px 40px;
opacity: 0.78;
.container{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
width: 600px;
height: fit-content;
z-index: 6;
text-align:center;
padding: 20px;
box-sizing: border-box;
font-family: monospace;
border-radius: 10px;
align-self: center;
font-family: 'Ubuntu', sans-serif;
border: 1px solid lightgrey;
opacity: 0.7;
}

.form-control{
margin-bottom: 4px;
padding: 14.5px;
position: relative;
color: black;
font-size: 17px;
color: white;
border-radius: 20px;
font-weight: bold;
margin-bottom: 8px;
padding-bottom: 20px;
}

.form-control textarea,
.form-control input{
/*border: 2px solid #f0f0f0;*/
border:none;
color: #373636;
font-weight: 520;
display: block;
font-size: 14.7px;
padding: 7px;
width: 100%;
outline: none;
background: transparent;
border-bottom: 2.3px solid black;
transition: all .3s;
border: 1px solid lightgrey;
border-radius: 6px;
display: block;
font-size: 14px;
padding: 10px;
width: 100%;
outline: none;
font-family: 'Ubuntu', sans-serif;
}

.form-control input:-webkit-autofill {
-webkit-background-clip: text;
}

.form-control input:focus{
box-shadow: none;
outline: none;
border-color: #4E8975;
}
.form-control select:focus{
box-shadow: none;
outline: none;

border-color:#4E8975;
}
.form-control input::placeholder{
color: transparent;
}

.form-control .form-label{
position: absolute;
transform: translateY(-1.6em);
transform-origin: 0 0;
transition: all .3s;
}

.form-control input:focus + .form-label,
.form-control input:not(:placeholder-shown) + .form-label,
.form-control input:-webkit-autofill + .form-label{
transform: translateY(-2.9em) scale(0.8);
}

#fileItem{
border-bottom: none;
}

.form-control select{
background-color: transparent;
border-bottom: 2px solid black;
transition: all .3s;
}

.form-control input[name="gender"], input[name="type"]{
display: inline-block;
width: 20px;
}

.form-control.success input{
border-color: #2ecc71;
}

.form-control.error input{
border-color: #e74c3c;
}

.form-control i{
position: absolute;
bottom: 30px;
right: 5px;
bottom: 0;
left: 0;
visibility: hidden;
z-index: 5;
}

.form-control.success i.fa-check-circle{
Expand All @@ -137,13 +99,6 @@ body{
color: #e74c3c;
}

.form-control i.far{
z-index: 10;
color: black;
cursor: pointer;
visibility: visible;
}

.form-control small{
visibility: hidden;
position: absolute;
Expand All @@ -156,9 +111,7 @@ body{
visibility: visible;
}



.button.signUp{
.button.contact{
border: none;
border-radius: 10px;
display: block;
Expand All @@ -174,69 +127,14 @@ body{
position: relative;
}

.button.signUp:hover{
.button.contact:hover{
background-color: #40798c;
}

.button.signUp:active{
.button.contact:active{
background-color: #2d4642 ;
}

.buttonText{
transition: all 0.2s;
}

.main-body{
background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.2)),url(../resources/pexels-min-an-1353938.jpg);
background-size: cover;
width: 100%;
height: 100%;
}

.faculty,.question{
border-style: none;
border-collapse: collapse;
outline: none;
font-size: 14px;
color: #666666;

padding: 10px;
width: 100%
}

h1{
text-align: center;
color:black;
}
@media only screen and (max-width: 1100px){
.container{
width:55%;
border-radius: 35px;

}
.form{
padding: 20px 30px;
}
}

@media only screen and (max-width: 780px){
.container{
width:70%;
border-radius: 35px;

}
.form{
padding: 20px 30px;
}
}

@media only screen and (max-width: 450px){

.container{
width:90%;
border-radius: 30px;
}
.form{
padding: 10px 20px;
}
}
4 changes: 2 additions & 2 deletions public/assets/css/deleteAcc_styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -98,9 +98,9 @@ body{
}

.form-control input:focus + .form-label,
.form-control input:not(:placeholder-shown) + .form-label{
.form-control input:not(:placeholder-shown) + .form-label,
.form-control input:-webkit-autofill + .form-label{
transform: translateY(-2.9em) scale(0.8);

}

#fileItem{
Expand Down
5 changes: 3 additions & 2 deletions public/assets/css/forgotPassword_styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,10 +99,11 @@ body{
}

.form-control input:focus + .form-label,
.form-control input:not(:placeholder-shown) + .form-label{
.form-control input:not(:placeholder-shown) + .form-label,
.form-control input:-webkit-autofill + .form-label{
transform: translateY(-2.9em) scale(0.8);

}

.form-control.success input{
border-color: #2ecc71;
}
Expand Down
Loading

0 comments on commit d3a0f93

Please sign in to comment.