readme.txt

BASICS 

page centered in browser

header/footer color - #333333
header/footer width - 100% (full browser width)

banner width - 100% (full browser width)
banner height - 700px

content width - 1000px

fonts - Open sans, Georgia



BONUS POINTS 

'news announcement' should be gone when 'x' button is clicked
SASS being used for styling
	用巢狀來做img123?

    <div id="footer">
        <div class="navbar-fixed-bottom">
            <a href="https://www.facebook.com/"><i class="fa fa-facebook-official" style="font-size:30px;color:white"></i></a>
            <a href="https://twitter.com/"><i class="fa fa-twitter" style="font-size:30px;color:white"></i></a>
            <a href="https://www.instagram.com/"><i class="fa fa-instagram" style="font-size:30px;color:white"></i></a>
            <a href="https://www.pinterest.com/"><i class="fa fa-pinterest-square" style="font-size:30px;color:white"></i></a>
            <a href="https://www.tumblr.com/"><i style="font-size:30px;color:white" class="fa">&#xf173;</i></a>
        </div>
    </div>


<div class="row">
    <div class="span5">
        <img src="Start_template_files/images/image2.jpg">
    </div>
</div>

  position: absolute;
  top: 120px;
  right: 0;
  width: 300px;
  height: 200px;



本來用來做１００％的
<!-- Main hero unit for a primary marketing message or call to action -->
<!-- Put hero unit here not th restrict width -->
<div class="mainROW">
	<div BTN_main>
	</div>
    <img src="Start_template_files/images/image1.jpg" id="responsive-image" >
</div>
<!-- End of "hero-unit" -->

border:solid hsla(0,0%,0%,0.2);
		border-style:solid;
		border-width:10px; 
		background-clip: padding-box;


最下面那一排試試看這個
http://blog.xuite.net/vexed/tech/22551671-%E5%8F%AA%E7%94%A8+CSS+%E8%AE%93%E5%9C%96%E7%89%87%E5%9C%A8+DIV+%E4%B8%AD%E6%B0%B4%E5%B9%B3%E5%9E%82%E7%9B%B4%E9%83%BD%E7%BD%AE%E4%B8%AD