Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add files via upload #17

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Add files via upload #17

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4674692
Add files via upload
ogoeli Oct 4, 2019
4df16fc
Add files via upload
ogoeli Oct 4, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 22 additions & 4 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Contact Support</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
<script src="main.js"></script>
<style>
Expand Down Expand Up @@ -33,13 +34,23 @@
box-align: left;
width: 100%;
}
.age{
border-top: none;
padding:30px;
border-left: none;
border-right: none;
margin: 10px;
box-align: left;
width: 100%;
}
#Age{
border-top: none;
border-left: none;
border-right: none;
margin: 10px;
box-align: left;
width: 100%;
padding: 11px
}
.btn{
position: absolute;
Expand All @@ -48,6 +59,7 @@
width: 225px;
height: 48px;
color: black;
background-color: #41cca5;
}
.Btn{
position: absolute;
Expand All @@ -56,6 +68,7 @@
width: 225px;
height: 48px;
color: black;
background-color: #41cca5;
}

</style>
Expand All @@ -69,21 +82,26 @@ <h1>

</h1>
</div>
<form action = "contact.php" method = "POST">
<div>
<label id="Number-label"></label>
<input id="name"required type="text" min="1" max="120" placeholder ="Your e-mail">
<input id="name"required type="text" min="1" max="120" placeholder ="Your e-mail" required>
</div>
<div>
<label id="Number-label"></label>
<input id="Age"required type="text" min="1" max="120" placeholder ="Please provide a title for your message here">
<input id="Age"required type="text" placeholder ="Please provide a title for your message here" required>
</div>
<div>
<label id="Number-label"></label>
<input id="Age"required type="text" placeholder ="Enter your message here">
<input class="age"required type="text" placeholder ="Enter your message here" required>
</div>
<div>
<button type="button" class="btn">SUBMIT</button> </br>
<input type="submit" class="btn" value="SEND REQUEST">
<a href="index.html"> <button type="button" class="Btn">BACK TO HOME</button></a>
</div>
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>
5 changes: 3 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,8 +69,9 @@
</li>
<li class="nav-item mr-5">
<a class="nav-link" href="https://www.termsfeed.com/terms-service/63c7e2d102f8f89a4dc18f44ce826b03">Terms of Use</a>
</li>
<li class="nav-link mr-5"><a class="nav-link" href="contact.html">Contact Us</a>

<li>
<li class="nav-link mr-5"><a class="nav-link" href="support.html">Contact support</a>
</li>
<li class="nav-item mr-5">

Expand Down
31 changes: 31 additions & 0 deletions support.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
body {
font-family: 'Lato', sans-serif;
background-color: #41cca5;
}

h1 {
margin-bottom: 40px;
}

label {
color: #333;
}

.btn-send {
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.2em;
margin-bottom: 20px;
}

.help-block.with-errors {
color: #ff5050;
margin-top: 5px;
}
.home{
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.2em;
margin-bottom: 20px;
color: #07770c;
}
101 changes: 101 additions & 0 deletions support.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
<html>
<head>
<title>CONTACT SUPPORT</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<link href='support.css' rel='stylesheet' type='text/css'>





</head>
<body>

<div class="container">

<div class="row">

<div class="col-lg-8 col-lg-offset-2">

<h1>


<img src="https://res.cloudinary.com/sgnolebagabriel/image/upload/v1569400532/panchat/Group_lv8bea.png" alt="Logo" class="img-fluid">

</h1>
<p>LEAVE A MESSAGE AND WE WILL GET BACK TO YOU SHORTLY</p>

<form id="contact-form" method="post" action="contact-2.php" role="form">

<div class="messages"></div>

<div class="controls">

<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="form_name">Firstname *</label>
<input id="form_name" type="text" name="name" class="form-control" placeholder="Please enter your firstname *" required="required" data-error="Firstname is required.">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="form_lastname">Lastname *</label>
<input id="form_lastname" type="text" name="surname" class="form-control" placeholder="Please enter your lastname *" required="required" data-error="Lastname is required.">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="form_email">Email *</label>
<input id="form_email" type="email" name="email" class="form-control" placeholder="Please enter your email *" required="required" data-error="Valid email is required.">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="form_phone">Phone</label>
<input id="form_phone" type="tel" name="phone" class="form-control" placeholder="Please enter your phone">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="form_message">Message *</label>
<textarea id="form_message" name="message" class="form-control" placeholder="Message for me *" rows="4" required="required" data-error="Please,leave us a message."></textarea>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-12">
<input type="submit" class="btn btn-success btn-send" value="Send message">
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="index.html" class="home">BACK TO HOME</a>
</div>
</div>
</div>

</form>

</div><!-- /.8 -->

</div> <!-- /.row-->

</div> <!-- /.container-->

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js" integrity="sha256-dHf/YjH1A4tewEsKUSmNnV05DDbfGN3g7NMq86xgGh8=" crossorigin="anonymous"></script>
<script src="contact-3.js"></script>
</body>
</html>