Source

atex / atexpc / atex_web / templates / base.html

Full commit
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{% load static %}
{% get_static_prefix as STATIC_PREFIX %}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="{{ STATIC_PREFIX }}css/style.css" type="text/css" rel="stylesheet" />
<link href="{{ STATIC_PREFIX }}css/jquery-ui-1.8.16.custom.css" type="text/css" rel="stylesheet" />
<link rel="icon" href="{{ STATIC_PREFIX }}favicon.ico" />
<script src="{{ STATIC_PREFIX }}script/jquery-1.7.2.js" type="text/javascript"></script>
<script src="{{ STATIC_PREFIX }}script/jquery-ui.1.8.16.min.js" type="text/javascript"></script>
<script src="{{ STATIC_PREFIX }}script/jquery.exposure.js" type="text/javascript"></script>
<script src="{{ STATIC_PREFIX }}script/all.js" type="text/javascript"></script>
<title>{% block title %}ATEX{% endblock %}</title>
</head>

<body>
<div class="wrapper" id="wrap1">
	<div class="page_wrapper clear" id="wrap2">
    	<div class="header">
        	<div class="logo">
            	<a href="{% url home %}"><img src="{{ STATIC_PREFIX }}images/atex-logo.png" width="300" height="100" alt="atex logo" title="www.atexpc.ro" name="www.atexpc.ro"/></a>
            </div>
            <div class="login_holder">
            	<span class="down_left"></span>
                	<ul class="tab_down">
                    	<li><a href="#">log in</a></li>
                        <li><span class="spacer">|</span></li>
                        <li><a href="#">register</a></li>
                    </ul>
                <span class="down_right"></span>
            </div>
            <div class="advertising_top">
            	<ul>
                	<li><a href="#"><img src="{{ STATIC_PREFIX }}images/servicii-atex.png" width="190" height="90" alt="Servicii ATEX" title="Servicii ATEX" /></a></li>
                    <li><a href="#"><img src="{{ STATIC_PREFIX }}images/card-fidelitate-atex.png" width="190" height="90" alt="Card fidelitate ATEX" title="Card fidelitate ATEX" /></a></li>
                </ul>
            </div>
            <div class="social">
            	<ul>
                	<li>Ne gasiti si pe:</li>
                	<li><a href="#"><img src="{{ STATIC_PREFIX }}images/facebook-icon.png" height="22" width="22" alt="Facebook icon" title="Find us on Facebook" /></a></li>
                    <li><a href="#"><img src="{{ STATIC_PREFIX }}images/twitter-icon.png" height="22" width="22" alt="Twitter icon" title="Follow us on Twitter" /></a></li>
                    <li><a href="#"><img src="{{ STATIC_PREFIX }}images/google-icon.png" height="22" width="22" alt="Google icon" title="Google" /></a></li>
                </ul>
            </div>
            <div class="info_cos">
            	<div class="wellcome">
                	<p>Bun venit <span class="red_b"> Radu </span>!</p>
                </div>    
                <ul>
                	<li><a href="{% url cart %}"><img src="{{ STATIC_PREFIX }}images/chart-button.png" height="23" width="23" alt="Cos cumparaturi" title="Cos cumparaturi" /></a></li>
                    <li><span class="red_b">2</span> produse</li>
                    <li> | </li>
                    <li><span class="red_b">347.22</span> lei </li>
                </ul>
            </div>
        </div> <!-- header end -->
        <div class="search_bar">
            <form method="GET" action="{% url search %}" class="search">
                <ul class="search_inputs">
                    <li><input class="search" type="text" name="cuvinte" value="{{ search_keywords|default:"" }}" title="Caută produsul dorit ..." /></li>
                    <li class="search_category">
                        <select name="categorie" class="categorii" title="Selectează categoria în care cauţi">
                            <option value="">- Toate Categoriile -</option>
                            {% for category in categories %}
                            <option value="{{ category.id }}" {% if category.id == search_category_id %}selected{% endif %}>{{ category.name }}</option>
                            {% endfor %}
                        </select>
                    </li>    
                    <li><input type="image" name="cauta" src="{{ STATIC_PREFIX }}images/search-button.png" height="23" width="23" alt="Caută" title="Caută produsul dorit ..." /></li>
                </ul>
            </form>
            <ul class="info_orar">
            	<li>ORAR: L-V: 9:30 - 18:00  <span class="spacer">|</span>  S: 10:00 - 13:00</li>
                <li>TELEFON: 0751 433 284 <span class="spacer">|</span> 0722 577 626</li>
            </ul>
            <ul class="configurator">
            	<li>Configureaza-ti propriul calculator : </li>
                <li><a href="#"><img src="{{ STATIC_PREFIX }}images/config-button.png" width="23" height="23" alt="Configurator calculatoare" title="Configurator calculatoare" /></a></li>
            </ul>
        </div> <!-- search bar end -->
        
        <div class="content_wrapper clear">
        {% block content %}{% endblock %}
        </div> <!-- content wrapper end -->
		<div class="content-bottom">		
		  {% block newsletter %}
                <div class="newsletter">
                	<label for="news_email" >Abonare newsletter</label>
                    <div class="email-wrapper">
                        <form method="GET" action="">
                            <input class="news_email" type="text" id="news_email" title="email ..." />
                            <input class="email_btn" type="button" />
                        </form>
                    </div>    
                </div>
                {% endblock newsletter %}
		  {% block banner_right %}
                 <div class="logo-producatori">
                	<ul>
                    	<li><div class="middle"><a class="img-holder" href="#"><img class="center" src="{{ STATIC_PREFIX }}images/gigabyte-partner-small.png" width="115" height="90" alt="gigabyte logo" title="gigabyte"/></a></div></li>
                        <li><div class="middle"><a href="http://www.atexsolutions.ro/cauta/?categorie=501&filtre=Kaspersky"><img src="{{ STATIC_PREFIX }}images/kaspersky-partner.png" width="200" height="59" alt="western digital logo" title="western digital"/></a></div></li>
                        <li><div class="middle"><a href="#"><img src="{{ STATIC_PREFIX }}images/apple-icon.jpg" width="86" height="96" alt="apple logo" title="apple"/></a></div></li>
                        <li><div class="middle"><a href="#"><img src="{{ STATIC_PREFIX }}images/hp-icon.jpg" width="106" height="70" alt="hp logo" title="hp"/></a></div></li>
                        <li><div class="middle"><a href="#"><img src="{{ STATIC_PREFIX }}images/nvidia-icon.jpg" width="129" height="84" alt="nvidia logo" title="nvidia"/></a></div></li>
                        <li><div class="middle"><a href="#"><img src="{{ STATIC_PREFIX }}images/samsung-icon.jpg" width="184" height="70" alt="samsung logo" title="samsung"/></a></div></li>
                    </ul>
                  </div>
                 {% endblock banner_right %}  		
		</div>	
    </div>
    <div class="push"></div>
</div>
<div class="footer_wrapper">	
	<div class="footer clear">
    	<div class="titlu_top">
             <span class="up_left"></span>
                  <ul class="tab_up">                                    
                       <li>quickmenu</li>
                       <li><span class="spacer">|</span></li>
                       <li>tags</li>                                    
                  </ul>
             <span class="up_right"></span>
    	</div>   
		<div class="tags">
			{% for category in footer %}
				<a href="{{ category.url }}">{{ category.name }}</a>
			{% endfor %}
        </div>
        <div class="bottom-footer">
        	<ul class="menu-subsol">
            	<li class="first"><a href="#">Cariera</a></li>
                <li><a href="#">Forum</a></li>
                <li><a href="#">Configurator</a></li>
                <li><a href="#">Harta site</a></li>
                <li><a href="{% url contact %}">Contact</a></li>
            </ul>
            <span class="copyright">Copyright &copy; 2012 ATEX Solutions SRL-D</span>
        </div>
    </div>
</div>
{% block body_extra %}{% endblock %}
</body>
</html>