cristinafurlong · December 15, 2015 03:16
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">

 <head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Dashboard</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/3-col-portfolio.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

 </head>

 <body>

    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Measuring Impact, Social Media Outcomes. </a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="index.html">dashboard</a>
                    </li>
                    <li>
                        <a href="form.html">form</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Page Content -->
    <div class="container">

        <!-- Page Header -->
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">
                    <small>Make Queens Safer Dashboard</small>
                </h1>

                <img src="http://i.imgur.com/qjy49xi.jpg" style="width:500px; height: 300px">

                <h3>Mission statement</h3>

                <p>Measuring impact is a key tool to give an organization direction and goals. Different levels of impact are more tangible than others. In the community building business, getting more visibility and interaction is key. Here are some tracking and logging tools to look at impact over time.The end goals of this organization are to change policy and consciousness around the issue of pedestrian safety. </p>  
                
              <p>  <a href="http://www.makequeenssafer.org"> Make Queens Safer</a> </p>

                
                <p>Make Queens Safer first organized with a march down Northern Boulevard in Queens in November 2013. Saddened to hear that three children had been killed by traffic violence on Northern in less than 10 months, neighbors got together to advocate for changes in education, enforcement and engineering which would reduce these injuries and fatalities. </p>

 
            </div>


        </div>
        <!-- /.row -->

        <!-- Projects Row -->
        <div class="row">

            <div class="col-md-12 portfolio-item">
              <h3>Impact</h3>
 				<iframe src="https://docs.google.com/spreadsheets/d/1MvPpUFMBaRoFMR4yroWWQ4jRAqnnvPNyp-EEnufXI3k/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false" style="width:100%; height: 300px"></iframe>
              
          </div>

            <div class="col-md-12 portfolio-item">
              <h3>Metrics</h3>
             
              
              <iframe src="https://docs.google.com/spreadsheets/d/1MvPpUFMBaRoFMR4yroWWQ4jRAqnnvPNyp-EEnufXI3k/pubhtml?gid=1364070724&amp;single=true&amp;widget=true&amp;headers=false" style="width:100%; height: 300px"></iframe>
            </div>

            <div class="col-md-12 portfolio-item">
              <h3>Social Actions</h3>
              <iframe <iframe src="https://docs.google.com/spreadsheets/d/1MvPpUFMBaRoFMR4yroWWQ4jRAqnnvPNyp-EEnufXI3k/pubhtml?gid=1262675893&amp;single=true&amp;widget=true&amp;headers=false" style="width:100%; height: 300px"></iframe>

            </div>

            <div class="col-md-8 portfolio-item">
              <iframe src="https://docs.google.com/spreadsheets/d/1MvPpUFMBaRoFMR4yroWWQ4jRAqnnvPNyp-EEnufXI3k/pubchart?oid=1832853934&amp;format=interactive" style="width:100%; height: 500px"></iframe>
            </div>
            

            <div class="col-md-8 portfolio-item">
              <iframe src="https://docs.google.com/spreadsheets/d/1knjaLei-tPr646VTwRtU7RePB_6dPnW9NAaAPXDIU2o/pubchart?oid=1970943135&amp;format=interactive" style="width:100%; height: 500px"></iframe>
            </div>
            
            <div class="col-md-8 portfolio-item">
              <iframe src="https://docs.google.com/spreadsheets/d/1knjaLei-tPr646VTwRtU7RePB_6dPnW9NAaAPXDIU2o/pubchart?oid=1970943135&amp;format=interactive" style="width:100%; height: 500px"></iframe>
            </div>
            
            
            
        </div>
        <!-- /.row -->

        

 

       

        <!-- Footer -->
        <footer>
            <div class="row">
                <div class="col-lg-12">
                    <p>Copyright &copy; Your Website 2014</p>
                </div>
            </div>
            <!-- /.row -->
        </footer>

    </div>
    <!-- /.container -->

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    
    

 </body>

 </html>
	<!DOCTYPE html>
	<html lang="en">

	<head>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">

	<title>Dashboard</title>

	<!-- Bootstrap Core CSS -->
	<link href="css/bootstrap.min.css" rel="stylesheet">

	<!-- Custom CSS -->
	<link href="css/3-col-portfolio.css" rel="stylesheet">

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->

	</head>

	<body>

	<!-- Navigation -->
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	<div class="container">
	<!-- Brand and toggle get grouped for better mobile display -->
	<div class="navbar-header">
	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
	<span class="sr-only">Toggle navigation</span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	</button>
	<a class="navbar-brand" href="#">Measuring Impact, Social Media Outcomes. </a>
	</div>
	<!-- Collect the nav links, forms, and other content for toggling -->
	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	<ul class="nav navbar-nav">
	<li>
	<a href="index.html">dashboard</a>
	</li>
	<li>
	<a href="form.html">form</a>
	</li>
	</ul>
	</div>
	<!-- /.navbar-collapse -->
	</div>
	<!-- /.container -->
	</nav>

	<!-- Page Content -->
	<div class="container">

	<!-- Page Header -->
	<div class="row">
	<div class="col-lg-12">
	<h1 class="page-header">
	<small>Make Queens Safer Dashboard</small>
	</h1>

	<img src="http://i.imgur.com/qjy49xi.jpg" style="width:500px; height: 300px">

	<h3>Mission statement</h3>

	<p>Measuring impact is a key tool to give an organization direction and goals. Different levels of impact are more tangible than others. In the community building business, getting more visibility and interaction is key. Here are some tracking and logging tools to look at impact over time.The end goals of this organization are to change policy and consciousness around the issue of pedestrian safety. </p>

	<p> <a href="http://www.makequeenssafer.org"> Make Queens Safer</a> </p>


	<p>Make Queens Safer first organized with a march down Northern Boulevard in Queens in November 2013. Saddened to hear that three children had been killed by traffic violence on Northern in less than 10 months, neighbors got together to advocate for changes in education, enforcement and engineering which would reduce these injuries and fatalities. </p>


	</div>


	</div>
	<!-- /.row -->

	<!-- Projects Row -->
	<div class="row">

	<div class="col-md-12 portfolio-item">
	<h3>Impact</h3>
	<iframe src="https://docs.google.com/spreadsheets/d/1MvPpUFMBaRoFMR4yroWWQ4jRAqnnvPNyp-EEnufXI3k/pubhtml?gid=0&single=true&widget=true&headers=false" style="width:100%; height: 300px"></iframe>

	</div>

	<div class="col-md-12 portfolio-item">
	<h3>Metrics</h3>


	<iframe src="https://docs.google.com/spreadsheets/d/1MvPpUFMBaRoFMR4yroWWQ4jRAqnnvPNyp-EEnufXI3k/pubhtml?gid=1364070724&single=true&widget=true&headers=false" style="width:100%; height: 300px"></iframe>
	</div>

	<div class="col-md-12 portfolio-item">
	<h3>Social Actions</h3>
	<iframe <iframe src="https://docs.google.com/spreadsheets/d/1MvPpUFMBaRoFMR4yroWWQ4jRAqnnvPNyp-EEnufXI3k/pubhtml?gid=1262675893&single=true&widget=true&headers=false" style="width:100%; height: 300px"></iframe>

	</div>

	<div class="col-md-8 portfolio-item">
	<iframe src="https://docs.google.com/spreadsheets/d/1MvPpUFMBaRoFMR4yroWWQ4jRAqnnvPNyp-EEnufXI3k/pubchart?oid=1832853934&format=interactive" style="width:100%; height: 500px"></iframe>
	</div>


	<div class="col-md-8 portfolio-item">
	<iframe src="https://docs.google.com/spreadsheets/d/1knjaLei-tPr646VTwRtU7RePB_6dPnW9NAaAPXDIU2o/pubchart?oid=1970943135&format=interactive" style="width:100%; height: 500px"></iframe>
	</div>

	<div class="col-md-8 portfolio-item">
	<iframe src="https://docs.google.com/spreadsheets/d/1knjaLei-tPr646VTwRtU7RePB_6dPnW9NAaAPXDIU2o/pubchart?oid=1970943135&format=interactive" style="width:100%; height: 500px"></iframe>
	</div>



	</div>
	<!-- /.row -->







	<!-- Footer -->
	<footer>
	<div class="row">
	<div class="col-lg-12">
	<p>Copyright © Your Website 2014</p>
	</div>
	</div>
	<!-- /.row -->
	</footer>

	</div>
	<!-- /.container -->

	<!-- jQuery -->
	<script src="js/jquery.js"></script>

	<!-- Bootstrap Core JavaScript -->
	<script src="js/bootstrap.min.js"></script>




	</body>

	</html>