Отправить на почту HTML

Roktors

Участник
Здравствуйте. Скачал шаблон лендинг пейджа. Там связь с администрацией осуществляется с помощью почты. Я не могу понять, как мне добавить свою почту, на которую будут приходить письма, помогите пожалуйста. Вот код:
<form name="sentMessage" id="contactForm" novalidate="">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Ваше имя *" id="name" required="" data-validation-required-message="Пожалуйста, введите свое имя.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="email" class="form-control" placeholder="Ваша почта *" id="email" required="" data-validation-required-message="Пожалуйста, введите свою почту.">
<p class="help-block text-danger"></p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<textarea class="form-control" placeholder="Сообщение *" id="message" required="" data-validation-required-message="Пожалуйста, напишите ваше сообщение."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="row">
<div class="col-lg-12 text-center">
<div id="success"></div>
<button type="submit" class="btn">Отправить</button>
</div>
</div>
</form>
 

pligin

Команда форума
Администратор
Это всего лишь шаблон.
Нужно добавить обработчик PHP для отправки писем. А может обработчик уже есть (например на JS или PHP), но я этого не могу увидеть, т.к. показали Вы только форму
 

Roktors

Участник
Это всего лишь шаблон.
Нужно добавить обработчик PHP для отправки писем. А может обработчик уже есть (например на JS или PHP), но я этого не могу увидеть, т.к. показали Вы только форму
Здравствуйте, вот весь index

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico">
<title>1</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
</head>
<body id="page-top" background="images/background.jpg" alt="">
<!-- Navigation -->
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<table border="0" cellpadding="7" cellspacing="3" bgcolor="grey">
<tr>
<td valign="middle" align="center"><img src="images/logos.jpg" align="center" width="585" height="200" alt=""></td> <!-- valign middle = середина это расположение текста по вертикал -->
<td width="96%" valign="bottom"></td> <!-- valign bottom = внизу это расположение текста по вертикали -->
<td width="2%" valign="top"><img src="images/logoss.jpg" width="585" height="200" alt=""></td> <!-- valign top = сверху это расположение текста по вертикали -->
</tr>
</table>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>

<section id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="section-title">
<h2><br></br>1</h2>
<p><big>1</big></p>
</div>
</div>
</div>
<div class="row row-0-gutter">
<!-- start portfolio item -->
<div class="col-md-6 col-0-gutter">
<div class="ot-portfolio-item">
<figure class="effect-bubba">
<img src="images/0102.jpg" alt="img02" class="img-responsive" />
<figcaption>
<h2>1</h2>
<p>Branding, Design</p>
<a href="#" data-toggle="modal" data-target="#Modal-1">View more</a>
</figcaption>
</figure>
</div>
</div>
<!-- end portfolio item -->
<!-- start portfolio item -->
<div class="col-md-6 col-0-gutter">
<div class="ot-portfolio-item">
<figure class="effect-bubba">
<img src="images/02.jpg" alt="img02" class="img-responsive" />
<figcaption>
<h2>1</h2>
<p>Branding, Web Design</p>
<a href="#" data-toggle="modal" data-target="#Modal-2">View more</a>
</figcaption>
</figure>
</div>
</div>
<!-- end portfolio item -->
</div>
<div class="row row-0-gutter">
<!-- start portfolio item -->
<div class="col-md-6 col-0-gutter">
<div class="ot-portfolio-item">
<figure class="effect-bubba">
<img src="images/demo/portfolio-3.jpg" alt="img02" class="img-responsive" />
<figcaption>
<h2>1</h2>
<p>Branding, Web Design</p>
<a href="#" data-toggle="modal" data-target="#Modal-3">View more</a>
</figcaption>
</figure>
</div>
</div>
<!-- end portfolio item -->
<!-- start portfolio item -->
<div class="col-md-6 col-0-gutter">
<div class="ot-portfolio-item">
<figure class="effect-bubba">
<img src="images/demo/portfolio-4.jpg" alt="img02" class="img-responsive" />
<figcaption>
<h2>1</h2>
<p>Branding, Design</p>
<a href="#" data-toggle="modal" data-target="#Modal-4">View more</a>
</figcaption>
</figure>
</div>
</div>
<!-- end portfolio item -->
</div>
<div class="row row-0-gutter">
<!-- start portfolio item -->
<div class="col-md-6 col-0-gutter">
<div class="ot-portfolio-item">
<figure class="effect-bubba">
<img src="images/demo/portfolio-5.jpg" alt="img02" class="img-responsive" />
<figcaption>
<h2>5</h2>
<p>Branding, Web Design</p>
<a href="#" data-toggle="modal" data-target="#Modal-5">View more</a>
</figcaption>
</figure>
</div>
</div>
<!-- end portfolio item -->
<!-- start portfolio item -->
<div class="col-md-6 col-0-gutter">
<div class="ot-portfolio-item">
<figure class="effect-bubba">
<img src="images/demo/portfolio-6.jpg" alt="img02" class="img-responsive" />
<figcaption>
<h2>6</h2>
<p>Branding, Web Design</p>
<a href="#" data-toggle="modal" data-target="#Modal-2">View more</a>
</figcaption>
</figure>
</div>
</div>
<!-- end portfolio item -->
</div>
</div><!-- container -->
</section>

<section id="about" class="mz-module">
<div class="container light-bg">
<div class="row">
<div class="col-lg-12 text-center">
<div class="section-title">
<h2>О нас</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 text-center">
<div class="mz-about-container">
<p>1</p>
</div>
</div>
<div class="col-md-6">
<!-- skill bar item -->
<div class="skillbar-item">
<div class="skillbar" data-percent="90%">
<h3>1</h3>
<div class="skillbar-bar">
<div class="skillbar-percent" style="width: 90%;">
</div>
</div>
<h3 align="right">9/10</h3>
</div>
</div>
<!-- skill bar item -->
<div class="skillbar-item">
<div class="skillbar" data-percent="80%">
<h3>Стоимость</h3>
<div class="skillbar-bar">
<div class="skillbar-percent" style="width: 30%;">
</div>
</div>
<h3 align="right">1</h3>
</div>
</div>
<!-- skill bar item -->
<div class="skillbar-item">
<div class="skillbar" data-percent="85%">
<h3>1</h3>
<div class="skillbar-bar">
<div class="skillbar-percent" style="width: 25%;">
</div>
</div>
<h3 align="right">7-10 дней</h3>
</div>
</div>
<!-- skill bar item -->
<div class="skillbar-item">
<div class="skillbar" data-percent="70%">
<h3>1</h3>
<div class="skillbar-bar">
<div class="skillbar-percent" style="width: 100%;">
</div>
</div>
<h3 align="right">Супер</h3>
</div>
</div>
</div>
</div>
<div class="row row-0-gutter">
<!-- about module -->
<div class="col-md-3 col-0-gutter mz-about-default text-center">
<div class="mz-module-about">
<i class="fa fa-briefcase ot-circle"></i>
<h3>Web Development</h3>
</div>
</div>
<!-- end about module -->
<!-- about module -->
<div class="col-md-3 col-0-gutter mz-about-dark text-center">
<div class="mz-module-about">
<i class="fa fa-photo ot-circle"></i>
<h3>Visualisation</h3>
</div>
</div>
<!-- end about module -->
<!-- about module -->
<div class="col-md-3 col-0-gutter mz-about-default text-center">
<div class="mz-module-about">
<i class="fa fa-camera-retro ot-circle"></i>
<h3>Photography</h3>
</div>
</div>
<!-- end about module -->
<!-- about module -->
<div class="col-md-3 col-0-gutter mz-about-dark text-center">
<div class="mz-module-about">
<i class="fa fa-cube ot-circle"></i>
<h3>UI/UX Design</h3>
</div>
</div>
<!-- end about module -->
</div>
</div>
<!-- /.container -->
</section>



<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="section-title">
<h2>1</h2>
<p>1<br>1</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 text-center">
<form name="sentMessage" id="contactForm" novalidate="">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Ваше имя *" id="name" required="" data-validation-required-message="1">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="email" class="form-control" placeholder="Ваша почта *" id="email" required="" data-validation-required-message="1">
<p class="help-block text-danger"></p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<textarea class="form-control" placeholder="Сообщение *" id="message" required="" data-validation-required-message="1"></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="row">
<div class="col-lg-12 text-center">
<div id="success"></div>
<button type="submit" class="btn">Отправить</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<p id="back-top">
<a href="#top"><i class="fa fa-angle-up"></i></a>
</p>

<!-- Modal for portfolio item 1 -->
<div class="modal fade" id="Modal-1" tabindex="-1" role="dialog" aria-labelledby="Modal-label-1">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="Modal-label-1">Этажерки и полки для цветов</h4>
</div>
<div class="modal-body">
<img src="images/0103.jpg" alt="img01" class="img-responsive" />
<img src="images/0105.jpg" alt="img01" class="img-responsive" />
<img src="images/0104.jpg" alt="img01" class="img-responsive" />
<img src="images/0106.jpg" alt="img01" class="img-responsive" />
<div class="modal-works"><span>Branding</span><span>Web Design</span></div>
<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<!-- Modal for portfolio item 2 -->
<div class="modal fade" id="Modal-2" tabindex="-1" role="dialog" aria-labelledby="Modal-label-2">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="Modal-label-2">Startup Framework</h4>
</div>
<div class="modal-body">
<img src="images/0202.jpg" alt="img01" class="img-responsive" />
<img src="images/0203.jpg" alt="img01" class="img-responsive" />
<img src="images/0204.jpg" alt="img01" class="img-responsive" />
<img src="images/0205.jpg" alt="img01" class="img-responsive" />
<div class="modal-works"><span>Branding</span><span>Web Design</span></div>
<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<!-- Modal for portfolio item 3 -->
<div class="modal fade" id="Modal-3" tabindex="-1" role="dialog" aria-labelledby="Modal-label-3">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="Modal-label-3">Lamp & Velvet</h4>
</div>
<div class="modal-body">
<img src="images/demo/portfolio-3.jpg" alt="img01" class="img-responsive" />
<div class="modal-works"><span>Branding</span><span>Web Design</span></div>
<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<!-- Modal for portfolio item 4 -->
<div class="modal fade" id="Modal-4" tabindex="-1" role="dialog" aria-labelledby="Modal-label-4">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="Modal-label-4">Smart Name</h4>
</div>
<div class="modal-body">
<img src="images/demo/portfolio-4.jpg" alt="img01" class="img-responsive" />
<div class="modal-works"><span>Branding</span><span>Web Design</span></div>
<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<!-- Modal for portfolio item 5 -->
<div class="modal fade" id="Modal-5" tabindex="-1" role="dialog" aria-labelledby="Modal-label-5">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="Modal-label-5">Fast People</h4>
</div>
<div class="modal-body">
<img src="images/demo/portfolio-5.jpg" alt="img01" class="img-responsive" />
<div class="modal-works"><span>Branding</span><span>Web Design</span></div>
<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/SmoothScroll.js"></script>
<script src="js/theme-scripts.js"></script>
</body>
</html>
 
Сверху