

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link type="text/css" href="/style/general.css" rel="stylesheet">
		
    <title>HOME - Loving Classroom</title>
    <link type="text/css" href="/style/home.css" rel="stylesheet">
    <script src="/js/home.js"></script>

		<script src="/js/general.js"></script> 
	</head>
	<body>
		<header>
			<a href="/">
				<img id="logo" src="/images/logo.png" alt="Loving Classroom Logo">
			</a>
			<!-- Main Menu -->
			<nav class="main">	
				<a id="home" href="/">Home</a>
				<nav class="home">
					<!-- No Drop Down Menu Elements-->
				</nav>
				<a id="head" href="/head/">Head</a>
				<nav class="head">
					<a id="headTraining" href="/head/training/">Teacher Training</a>
					<div></div>
					<a id="headPowerPoint" href="/head/powerpoint/">Loving Classroom PowerPoint</a>
					<div></div>
					<a id="headEvaluation" href="/head/evaluation/">Evaluation</a>
					<!-- Rmail temporary out
					<div></div>
					<a id="headRmail" href="/head/rmail/">Rmail</a>
					-->
				</nav>
				<a id="heart" href="/heart/">Heart</a>
				<nav class="heart">
					<a id="heartFilms" href="/heart/film/">Films</a>
					<div></div>
					<a id="heartRelationships" href="/heart/relationships/">Relationships</a>
					<div></div>
					<a id="prizeMoney" href="/heart/prizemoney/">Prize Money</a>
					<div></div>
					<a id="thankYou" href="/heart/thankyou/">Thank You</a>
				</nav>
				<a id="hand" href="/hand/">Hand</a>
				<nav class="hand">
					<a id="handProjects" href="/hand/project/">Class Projects</a>
					<div></div>
					<a id="handShop" href="/hand/shop/">Shop</a>
					<div></div>
					<a id="handApps" href="/hand/apps/">Loving Classroom Apps</a>                    					
				</nav>
				<a id="help" href="/help/">Help</a>
				<nav class="help">
					<a id="helpSearch" href="/help/search.aspx">Search</a>
					<div></div>
					<a id="helpAbout" href="/help/about.aspx">About Us</a>
					<div></div>
					<a id="helpFacebook" href="https://Facebook.com/LovingClassroom">Facebook</a>
					<div></div>
					<a id="helpContact" href="/help/contact.aspx">Contact Us</a>
				</nav>

			</nav>
		</header>

		<!-- Main Content Area -->
		<section id="mainArea">
			
    
    <p class="blackItalic">
        Building a loving world...
    </p>   
    <br />

    <div id="boxArea">
        <div id="bigBox">
            <img src="/images/home/bigBox.png" alt="Slogan: For a life time of good relationships">
        </div>
        <div id="bigBoxText">
            <p style="color:black; text-align:center;">
                The <span class="lc">Loving Classroom School Program</span>, 
                for teachers and students 12 years and older,
                consists of eight lessons:
                <br />
                <br />
                RESPECT
                <br />
                COMPASSION
                <br />
                LISTENING
                <br />
                KINDNESS
                <br />
                GRATITUDE
                <br />
                LOVE
                <br />
                CARE
                <br />
                FRIENDSHIP
                <br />
                <br />
                Easy to implement, low-cost and powerful
                <br />
            </p>
            

        </div>
        <div id="bigBoxTop"></div>

        <div id="box1">
            <img src="/images/home/box1.jpg" alt="Discussion">
        </div>
        <div id="box1Text">
            "Every individual is like a thread in a beautiful tapestry with a vital contribution to make."
            <br><br>
            Sir John Templeton
        </div>
        <div id="box1Top"></div>

        <div id="box2">
            <img src="/images/home/box2.jpg" alt="Hearing">
        </div>
        <div id="box2Text">
            <br>
            "If you understand each other you will be kind to each other."
            <br><br>
            John Steinbeck
        </div>
        <div id="box2Top"></div>
    
    
        <div id="box3">
            <img src="/images/home/box3.jpg" alt="HEAD">
        </div>
        <div id="box3Text">
            <br><br>
            <strong class="underlined">HEAD</strong>
            <br><br>
            Understanding myself and others
        </div>
   
        <a href="/head/">
            <div id="box3Top"></div>
        </a>

        <div id="fakeBox1"></div>
    
        <div id="box4">
            <img src="/images/home/box4.jpg" alt="Smiling People">
        </div>
        <div id="box4Text">
            <br><br>
            "Everyone has virtues."
            <br><br>
            Mahatma Gandhi
        </div>
        <div id="box4Top"></div>

        <div id="box5">
            <img src="/images/home/box5.jpg" alt="HEART">
        </div>
        <div id="box5Text">
            <br><br>
            <strong class="underlined">HEART</strong>
            <br><br>
            Feeling good about myself and others
        </div>

        <a href="/heart/">
        <div id="box5Top"></div>
        </a>

        <div id="box6">
            <img src="/images/home/box6.jpg" alt="Students">
        </div>
        <div id="box6Text">
            <br><br>
            "Beautiful eyes look for the good in others."
            <br><br>
            Audrey Hepburn
        </div>
        <div id="box6Top"></div>

        <div id="fakeBox2"></div>

        <div id="rectangle">
            <img src="/images/home/rectangle.jpg" alt="People with a banner">
        </div>
        <div id="rectangleText">
            <br>
            "We are all parts of a larger whole,
            like individual cells in a body."
            <br><br>
            Steve Pavlina
        </div>
        <div id="rectangleTop"></div>

        <div id="box7">
            <img src="/images/home/box7.jpg" alt="HAND">
        </div>
        <div id="box7Text">
            <br><br>
            <strong class="underlined">HAND</strong>
            <br><br>
            Doing to help myself and others
        </div>

        <a href="/hand/">
        <div id="box7Top"></div>
        </a>

        <div id="box8">
            <img src="/images/home/box8.jpg" alt="Social work">
        </div>
        <div id="box8Text">
            <br>
            "What does love look like? It has the hands to help others."
            <br><br>
            Augustine of Hippo
        </div>
        <div id="box8Top"></div>

        <div id="box9">
            <img src="/images/home/box9.jpg" alt="Media">
        </div>
        <div id="box9Text">
            <br>
            "I still believe in 'All you need is love,' but I don't believe just saying it is going to do it."
            <br><br>
            John Lennon
        </div>
        <div id="box9Top"></div>

        <div id="fakeBox3"></div>
    </div>


		</section>
		
		<!-- Footer Area -->
		<footer>
			

		</footer>
	</body>
</html>