• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

contact form to email me

New Here ,
Nov 03, 2019 Nov 03, 2019

Copy link to clipboard

Copied

Hi all,

 

so im new to the hole bootstrap and jquery.

 

my index.html is the hole website on one page.

 

i want to submit the contact form to send me an email if someone replies or post via the website. can someone please help me with the coding so that it can send email if it gets filled in. 

 

the website is a template i downloaded and changing it as i carry on.

 

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
	<title>Raleway - Creative Animated Template</title>
<!--
Raleway Template 
http://www.templatemo.com/preview/templatemo_421_raleway
-->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/simple-line-icons.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/templatemo_style.css">
</head>
<body>
	<header class="site-header container animated fadeInDown">
		<div class="header-wrapper">
			<div class="row">
				<div class="col-md-4">
					<div class="site-branding"> </div>
				</div>
				<a href="#" class="toggle-nav hidden-md hidden-lg">
					<i class="fa fa-bars"></i>
				</a>
				<div class="col-md-8">
					<nav id="nav" class="main-navigation hidden-xs hidden-sm">
						<ul class="main-menu">
							<li><a class="show-1 active homebutton" href="#">Home</a></li>
							<li><a class="show-2 aboutbutton" href="#">About Us</a></li>
							<li><a class="show-3 projectbutton" href="#">Services</a></li>
							<li><a class="show-5 contactbutton" href="#">Contact</a></li>
						</ul>
					</nav>
					<nav class="main-navigation menu-responsive hidden-md hidden-lg">
						<ul class="main-menu">
							<li><a class="show-1 active homebutton" href="#">Home</a></li>
							<li><a class="show-2 aboutbutton" href="#">About Us</a></li>
							<li><a class="show-3 projectbutton" href="#">Services</a></li>
							<li><a class="show-5 contactbutton" href="#">Contact</a></li>
						</ul>
					</nav>
				</div>
			</div>
		</div>
	</header>

	
	<div id="menu-container">
		<div id="menu-1" class="homepage home-section container">
			<div class="home-intro text-center">
			  <h2 class="welcome-title animated fadeInLeft">m&amp;n EMPIRE REVOLUTION</h2>
			  <p class="animated fadeInRight">YOU'VE GOT QUESTIONS, WE'VE GOT ANSWERS.<br>
		      </p>
</div>
			<div class="home-projects"> </div>
		</div>

		<div id="menu-2" class="content about-section container">
			<div class="our-story">
				<div class="story-bg animated fadeIn"></div>
				<div class="row">
		  <div class="col-md-offset-3 col-md-6">
						<div class="inner-story animated fadeInRight text-center">
						  <h2>ABOUT US</h2>
						  <p>Empire Revolution has been established by Mr. van der Merwe and Ms. Oosthuizen in 2019. They have both been very hard working individuals at their separate corporate companies for many years, as time went by they both just decided that they will never be able to reach the success they have both dreamed about by staying employed and working a 7 am to 4 pm job. So after many long caffeine filled nights and brainstorming sessions EMPIRE REVOLUTION has been created. Now they strive to become the most known company in South Africa by providing the most diverse services within one company. The company directors has more than 13 years customer service experience between the two of them. They fully understand and know what customers expect and need to be happy and satisfied with a certain service and product. The directors of this company is very hands on and believe in rather working with their team than just delegating orders at their co workers.</p>
		    </div>
</div>
			  </div>
			</div>
			<div class="our-offers">
				<div class="offer-bg animated fadeIn"></div>
				<div class="offer-header">
					<div class="row">
						<div class="col-md-6 col-md-offset-3 text-center"> </div>
					</div>
				</div>
				<div class="row">
					<div class="offer-holder">
<div class="col-md-6"> </div>
					</div>
				</div>
			</div>
		</div>

		<div id="menu-3" class="content project-section container">
			<div class="projects-header">
			  <h2 class="animated fadeInRight">Services</h2>
</div>
			<div class="projects-holder">
				<div class="row">
					<div class="col-md-4 col-sm-6 p-1 animated umScaleIn">
						<div class="project-item">
							<img src="img/1.jpg" alt="">
							<div class="overlay">
								<h4><a href="#">CCTV CAMERA SYSTEMS</a></h4>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6 p-2 animated umScaleIn">
						<div class="project-item">
							<img src="img/2.jpg" alt="">
							<div class="overlay">
								<h4><a href="#">IP CAMERAS & NVR IP RECORDERS</a></h4>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6 p-3 animated umScaleIn">
						<div class="project-item">
							<img src="img/3.jpg" alt="">
							<div class="overlay">
								<h4><a href="#">ALARM SYSTEMS</a></h4>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 col-sm-6 p-4 animated umScaleIn">
						<div class="project-item animated umScaleIn">
							<img src="img/4.jpg" alt="">
							<div class="overlay">
								<h4><a href="#">WIRELESS NETWORK SUPPORT & IT SUPPORT SERVICES</a></h4>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="project-item p-5 animated umScaleIn">
							<img src="img/5.jpg" alt="">
							<div class="overlay">
								<h4><a href="#">INTERCOM AND OTHER HOME SAFETY GADGETS</a></h4>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="project-item p-6 animated umScaleIn">
							<img src="img/6.jpg" alt="">
							<div class="overlay">
								<h4><a href="#">WEBSITE DESIGN</a></h4>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="project-item p-7 animated umScaleIn">
							<img src="img/7.jpg" alt="">
							<div class="overlay">
								<h4><a href="#">MARKETING AND ADVERTISING</a></h4>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="menu-4" class="content blog-section container">
			<div class="blog-header text-center">
				<h2 class="animated fadeInRight">Blog entries</h2>
				<p class="animated fadeInLeft">Sed sagittis nunc vel tellus ultricies auctor. Class aptent taciti sociosqu ad litora torquent per.</p>
				<a href="#" class="blog-button animated fadeInUp">continue journal</a>
			</div>
			<div class="row blog-posts">
				<div class="col-md-4 col-sm-12">
					<div class="blog-item post-1 animated zoomIn">
						<div class="blog-bg blog-pink"></div>
						<div class="blog-content">
							<h3><a href="#">Web Design</a></h3>
							<span class="solid-line"></span>
							<p>Etiam aliquam sem vel velit tempus, quis porttitor nunc rutrum. Ut a tempus arcu. Sed velit felis, pretium a lacus in, cursus scelerisque ex.</p>
							<a href="#" class="post-button">Read More</a>
						</div>
					</div>
				</div>
				<div class="col-md-4 col-sm-12">
					<div class="blog-item post-2 animated zoomIn">
						<div class="blog-bg blog-blue"></div>
						<div class="blog-content">
							<h3><a href="#">Creativity</a></h3>
							<span class="solid-line"></span>
							<p>Etiam aliquam sem vel velit tempus, quis porttitor nunc rutrum. Ut a tempus arcu. Sed velit felis, pretium a lacus in, cursus scelerisque ex.</p>
							<a href="#" class="post-button">Read More</a>
						</div>
					</div>
				</div>
				<div class="col-md-4 col-sm-12">
					<div class="blog-item post-3 animated zoomIn">
						<div class="blog-bg blog-green"></div>
						<div class="blog-content">
							<h3><a href="#"><span class="blue">template</span>mo</a></h3>
							<span class="solid-line"></span>
							<p>Etiam aliquam sem vel velit tempus, quis porttitor nunc rutrum. Ut a tempus arcu. Sed velit felis, pretium a lacus in, cursus scelerisque ex.</p>
							<a href="#" class="post-button">Read More</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="menu-5" class="content contact-section container">
			<div class="contact-header text-center">
				<h2 class="animated fadeInLeft">Get in Touch</h2>
				<p class="animated fadeInRight">Marble Hall, South Africa </p>
				<p class="animated fadeInRight">062 310 2426 - Managing Director </p>
				<p class="animated fadeInRight">sales@empirerev.co.za </p>
				<p class="animated fadeInRight">Monday 07:00 to 17:00 </p>
				<p class="animated fadeInRight">Tuesday 07:00 to 17:00</p>
				<p class="animated fadeInRight"> Wednesday 07:00 to 17:00 </p>
				<p class="animated fadeInRight">Thursday 07:00 to 17:00 </p>
			    <p class="animated fadeInRight">Friday 07:00 to 17:00 </p>
				<p class="animated fadeInRight">Saturday 07:00 to 13:00 </p>
				<p class="animated fadeInRight">Sunday and Public Holidays CLOSED </p>
			</div>
			<div class="contact-holder">
				<div class="col-sm-12 col-md-12">
				  <div class="contact-form animated fadeInUp">
				    <h4>Send us a Message</h4>
				    <div class="row">
				      <fieldset class="col-md-6">
				        <input type="text" name="name" placeholder="Your name">
			          </fieldset>
				      <fieldset class="col-md-6">
				        <input type="email" name="email" placeholder="Your name">
			          </fieldset>
				      <fieldset class="col-md-12">
				        <input type="text" name="subject" placeholder="Subject">
			          </fieldset>
				      <fieldset class="col-md-12">
				        <textarea name="message" id="message" cols="30" rows="10" placeholder="Describe your Project"></textarea>
			          </fieldset>
				      <fieldset class="col-md-12">
				        <a href="#" class="message-button">Submit Message</a>
			          </fieldset>
			        </div>
			      </div>
			  </div>
				<div class="row"> </div>
			</div>
		</div>
	</div>


	<footer class="site-footer container text-center">
		<div class="row">
			<div class="col-md-12"> </div>
			<ul class="social">
			  <li><a href="https://www.facebook.com/empirerev/" target="new"><img src="img/fb.png" width="60" height="60" alt=""/></a></li>
			  <li></li>
			  <li></li>
		  </ul>
		</div>
		<div class="row">
			<div class="col-md-12 copyright">
			  <p>Copyright &copy; 2019 Empire Revolution</p>
			</div>
		</div>
	</footer>
	<!-- templatemo 421 raleway -->
	<span class="border-top"></span>
	<span class="border-left"></span>
	<span class="border-right"></span>
	<span class="border-bottom"></span>
	<span class="shape-1"></span>
	<span class="shape-2"></span>

	<script src="js/jquery.min.js"></script>
	<script src="js/templatemo_custom.js"></script>
</body>
</html>
TOPICS
Bootstrap , Code , How to , Import and export , Publish

Views

506

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Nov 03, 2019 Nov 03, 2019

Possibly related, see the correct answer below for a working contact form in PHP code.

https://community.adobe.com/t5/Dreamweaver/sending-to-e-mail-from-a-contact-form/m-p/10697112#M55597

Votes

Translate

Translate
Community Expert ,
Nov 03, 2019 Nov 03, 2019

Copy link to clipboard

Copied

A secure contact from is not a simple thing.  It all depends on what type of server and hosting plan you have.   Contact your web host and ask them which form-to-email scripts they recommend.  If they don't have a  script you can use, find out which server-side programming languages your hosting plan supports (PHP, ASP.net, ColdFusion, etc...). 

 

If your hosting plan doesn't support server-side code, you'll need to use a 3rd party form service like Wufoo.com.

 

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 03, 2019 Nov 03, 2019

Copy link to clipboard

Copied

Possibly related, see the correct answer below for a working contact form in PHP code.

https://community.adobe.com/t5/Dreamweaver/sending-to-e-mail-from-a-contact-form/m-p/10697112#M55597

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 03, 2019 Nov 03, 2019

Copy link to clipboard

Copied

LATEST

Just a little warning, that the solution that Nancy has pointed to, is based on Bootstrap 3. A few little changes need to be made to apply it for Bootstrap 4. Otherwise, great answer.

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines