HTML Replacement Example
The code below within the highlight will all be replaced with Branch Tags to pull in the correct content.
To view the template with the code within the highlight replaced with Branch Tags, click here.
To return to the Getting Started Guide, click here.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="/layout/css/main.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
</head>
<body>
<div id="wrapper">
<div id="top">
<a href="/" id="logo"><img src="/layout/images/documentation/logo.png" alt="Branch Demo" /></a>
</div>
<div id="header">
<img src="/images/documentation/widgets/random-image/header-images/6.jpg" width="790" height="327" alt="" />
<div id="headerText">
<p>A Demo of our CMS is<br /> the Best Way for You to See it</p>
</div>
<ul id="main-nav"><li><a href="/">Home</a></li><li><a href="/about">About Us</a></li><li><a href="/demo">Demo Page</a></li><li><a href="/services">Services</a></li><li><a href="/calendar">Events</a></li><li><a href="/blog">Blog</a></li><li><a href="/contact">Contact</a></li>
</ul>
</div>
<div id="content">
<div id="breadcrumb"> </div>
<div id="content-full">
<h1>Welcome</h1>
<h2>The Best Trained Brokers In The Country</h2>
<p>Branch Investments LLC is one of the most visible and fastest growing residential real estate brokerage firms. Headquartered in the trendy, ever expanding part of New York City, at 32 Howard Street, Branch Investments provides breakthrough solutions for your real estate needs. The firm has more than 2000 sales and rental agents who work around the clock for you. An international powerhouse, Branch Investments boasts offices in the United States in New York, Colorado, Texas, Florida, Maine and California as well as Barcelona, Dubai and London. <br /> <br /> <br /> We invite you to visit our web resource to learn more about what Branch Investments can do for you.</p>
</div>
</div>
<div id="footer">
<p>© 2009 <a href="http://www.aptuitiv.com/" target="_blank">Branch</a>. All Rights Reserved</p>
</div>
</div>
</body>
</html>
Below is the actual template for the demo site. The Branch Tags (in bold), replace the highlighted code above.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>{ ap_template:titleText }</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="/layout/css/main.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
{ ap_template:css }{ ap_template:javascript }{ ap_template:meta }
</head>
<body>
<div id="wrapper">
<div id="top">
<a href="/" id="logo"><img src="/layout/images/documentation/logo.png" alt="Branch Demo" /></a>
{ ap_template:navigation key="top-nav" }
</div>
<div id="header">
{ ap_module:widgets:random-image:view key="header-images" }
{ ap_api:widgets:collection:view key="header-text" }
{ ap_template:navigation key="main-nav" }
</div>
<div id="content">
<div id="breadcrumb">{ ap_template:breadcrumb }</div>
<div id="content-full">{ ap_content }</div>
</div>
<div id="footer">
{ ap_snippet:footer }
</div>
</div>
</body>
</html>
To return to the Getting Started Guide, click here.