Sådan her ser min index ud gider i at fortælle mig hvordan i ville proppe det næste stykke kode ind som er forbindelsen til kontaktformen som jeg feks. nu bare vil sætte et sted på forsiden, det jo nok mig som kludre lidt i det.
<!DOCTYPE html>
<html><head>
<meta charset="utf-8" />
<title>bla</title>
<meta name="description" content="" />
<meta name="Keywords" content="">
<meta name="robots" content="noydir" />
<meta name="robots" content="noodp" />
<link href="css/structure.css" rel="stylesheet" type="text/css" />
<link href="css/navigation.css" rel="stylesheet" type="text/css" />
<link href='
http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
<link href='
http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='
http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<link href="css/slider.css" rel="stylesheet" type="text/css" />
<link href="css/responsive.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/whatever.js"></script>
</head>
<body>
<!--- Header Start --->
<header>
<div class="container" >
<div id="logo_nav_main" >
<div id="logo" ><img src="images/logo.png" width="142" height="104" align="right"></div>
<div id="navigation_main" >
<div class="navigation" >
<ul id="nav">
<li class="parent" ><a href="#">bla</a></li>
<li class="parent" ><a href="#">Om os</a>
</li>
<li class="parent" ><a href="#">bla</a></li>
<li class="parent" ><a href="#">bla</a>
<ul>
<li><a href="#">bla</a></li>
<li><a href="#">bla</a></li>
<li><a href="#">bla</a></li>
<li><a href="#">bla</a></li>
</ul>
</li>
<li class="parent" ><a href="#">bla</a></li>
<li class="parent" ><a href="#">Blog</a></li>
</ul>
</div>
</div>
</div>
<div class="clear" ></div>
</div>
</header><!--- Header End --->
<!--- Banner Start --->
<div id="banner_main" >
<div class="container">
<div id="banner" >
<div id="slider">
<ul id="sliderContent">
<li class="sliderImage"><img src="images/banner1.jpg" alt="1" />
<span class="bottom"></span>
</li>
<li class="sliderImage"><img src="images/banner2.jpg" alt="2" />
<span class="bottom"></span>
</li>
<li class="sliderImage"><img src="images/banner3.jpg" alt="2" />
<span class="bottom"></span>
</li>
<li class="sliderImage"><img src="images/banner4.jpg" alt="2" />
<span class="bottom"></span>
</li>
<div class="clear sliderImage"></div>
</ul>
</div>
</div>
</div>
</div><!--- Banner End --->
<!--- Round Box Start --->
<div id="round_box_main" >
<div id="round_box" >
<ul class="round_box" >
<li>
<div class="icon" ><a href="#"><a href="#"></a><a href="#"><img src="images/bla.png" alt="" width="67" height="63" /></a></div>
<div id="box_text" >
<div class="title" ><a href="hire-android-app-developer.html">bla</a></div>
<div class="simple_text"><a href="#">bla.</a><a href="#"></a></div>
</div>
</li>
<li>
<div class="icon" ><a href="#"></a>
<blockquote>
<p><a href="#l"><img src="images/box_web_icon.png" alt="" width="67" height="63" /></a></p>
</blockquote>
</div>
<div id="box_text" >
<div class="title" ><a href="#">bla</a></div>
<div class="simple_text" ><a href="#">bla.<br>
.</a></div>
</div>
</li>
<li>
<div class="icon" ><a href="#"><img src="images/strategi.png" width="67" height="63" /></a></div>
<div id="box_text" >
<div class="title" ><a href="#">bla</a></div>
<div class="simple_text" ><a href="#"> bla</a></div>
</div>
</li>
<li class="box_last" >
<div class="icon" ><a href="#"><img src="images/service.png" width="67" height="63" /></a></div>
<div id="box_text" >
<div class="title" ><a href="#">bla/a></div>
<div class="simple_text" >
<div>
<div>
<p><a href="#">bla</a></p>
</div>
</div>
<a href="bla"></a></div>
</div>
</li>
<div class="clear" ></div>
</ul>
<div class="clear" ></div>
</div>
</div>
<!--- Round Box End --->
<!--- Blue Bubble Start --->
<div id="blue_bubble_main" >
<div class="blue_bubble" >bla - <a href="kontakt/contact.php" onclick="window.open (this.href, 'newwindow', config='height=500,width=700, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, directories=no, status=no'); return false">Send forspørgelse</a></div>
</div><!--- Blue Bubble End --->
<!--- Middle Start --->
<div id="main_box" >
<div class="container" >
<h1>bla</h1>
<div class="sub_title" >bla.</div>
<p> </p>
<div id="left_main" >
<ul class="gray_arrow" >
<p><strong>Hvad vi tilbyder:</strong></p>
<li>bla</li>
<li>bla</li>
<li></li>
</ul>
</div>
<div id="right_main" >
<ul class="gray_arrow" >
<p><strong>bla</strong></p>
<li>HTML<br>
</li>
<li>bla</li>
<li>bla</li>
<li>bla</li>
</ul>
</div>
<div class="clear" ></div>
</div>
</div>
<!--- Middle End --->
<!--- Testimonials Start --->
<div id="testimonials_main" >
<div class="container" >
<h2>Kundeudtalelser & Vores Teknologi</h2>
<div class="sub_title" ></div>
<div id="testimonials_technology_main" >
<div id="testimonials_box" >
<div id="slideshow">
<div class="active">
bla.<br/><a href="#">- bla</a>
</div>
</div>
</div>
<div id="technology_box" >
<div class="img_div" ><a href="#"><img src="images/technology_logo1.jpg" width="104" height="67" /></a></div>
<div class="img_div middle_div" ><a href="#"><img src="images/technology_logo2.jpg" width="104" height="67" /></a></div>
<div class="img_div" ><a href="#"><img src="images/technology_logo3.jpg" width="104" height="67" /></a></div>
<div class="img_div img_padding" ><a href="#"><img src="images/technology_logo4.jpg" width="104" height="67" /></a></div>
<div class="img_div middle_div img_padding" ><a href="#"><img src="images/technology_logo5.jpg" width="104" height="67" /></a></div>
<div class="img_div img_padding" ><a href="#"><img src="images/technology_logo6.jpg" width="104" height="67" /></a></div>
</div>
<div class="clear" ></div>
</div>
</div>
</div><!--- Testimonials End --->
<!--- Footer Start --->
<footer>
<div class="container" >
<ul id="footer_section" >
<li>
<h2>kontakt os</h2>
<p>E-mail: bla <br/>Telefon : bla</p>
</li>
<li>
<h2>bla</h2>
<p>bla</p>
</li>
<li class="footer_page_link" >
<h2>bla</h2>
<a href="aboutus.html">Om os </a>
<a href="bla">bla</a>
<a href="bla">bla</a>
<a href="contact-us.html">Kontakt os</a>
</li>
<li class="last">
<h2>Følg OS</h2>
<div id="subscribe_img" ><a href="#"><img src="images/google_plus_icon.png" width="23" height="23" /></a> <a href="#" target="_blank"><img src="images/twitter_icon.png" width="23" height="23" /></a> <a href="
https://www.facebook.com/" target="_blank"><img src="images/fb_icon.png" width="23" height="23" /></a> <a href="
http://www.pinterest.com//"><img src="images/pinterest_icon.png" width="23" height="23" /></a> <a href="#"><img src="images/linkedin_icon.png" width="23" height="23" /></a></div>
</li>
<div class="clear" ></div>
</ul>
</div>
<div class="clear" ></div>
</footer>
<div id="copyright_mian" >
<div class="copyright_inner" >All Rights Reserved. Copyright © bla.</div>
</div><!--- Footer End --->
<script type="text/javascript" src="scripts/CreateHTML5Elements.js"></script>
<script type="text/javascript" src="scripts/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="
https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript" src="scripts/s3Slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider').s3Slider({
timeOut: 3000
});
});
</script>
<script type="text/javascript" src="scripts/whatever.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'blah', 'blah');a
ga('send', 'pageview');
---------------------------------------------------------
det her vil jeg havde ind hvordan indsætter jeg det korrekt
der står endda hvordan man gør det bare mig som ikke forstår det.
<?PHP
/*
Contact Form from HTML Form Guide
This program is free software published under the
terms of the GNU Lesser General Public License.
See this page for more info:
http://www.html-form-guide.com/contact-form/simple-modal-popup-contact-form.html*/
//1. First, include the file popup-contactform.php
require_once('popup-contactform.php');
//2. link to the style file contact.css
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
<title>Contact us</title>
<link rel="STYLESHEET" type="text/css" href="popup-contact.css">
</head>
<body onload="java script:fg_hideform('fg_formContainer','fg_backgroundpopup');">
<p>
This is an example page showing how to add the popup contact form to your website.
Click on the button below to open the popup.
</p>
<p>
<a href='java script:fg_popup_form("fg_formContainer","fg_form_InnerContainer","fg_backgroundpopup");'
><img border='0' src='contact-us-button.png' width='213' height='39' /></a>
</p>
<?PHP
//3. php include contactform-code.php at the end of the page
require_once('contactform-code.php');
?>
</body>
</html>