updated content; trying to get images to work

pryor365 · Aug 23, 2015 · 8fa4f37 · 8fa4f37
1 parent 38307d2
commit 8fa4f37
Show file tree

Hide file tree

Showing 13 changed files with 93 additions and 50 deletions.
diff --git a/Comparison b/Comparison
@@ -62,14 +62,14 @@
     <div class="jumbotron">
       <div class="container-fluid">
         <h1>She Treks</h1>
-        <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
-        <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
+        <h2>Comparison: New Dehli : Jaipur</h2>
       </div>
     </div>
 
     <div class="container-fluid">
       <!-- Example row of columns -->
       <div class="row">
+        <div class="col-md-2"></div>
         <div class="col-md-4">
           <h2>Heading</h2>
           <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
@@ -80,11 +80,7 @@
           <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
           <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
        </div>
-        <div class="col-md-4">
-          <h2>Heading</h2>
-          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
-          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
-        </div>
+        <div class="col-md-2"></div>
       </div>
 
       <hr>

diff --git a/Jaipur.html b/Jaipur.html
@@ -83,7 +83,7 @@
   <!-- Wrapper for slides -->
   <div class="carousel-inner">
     <div class="item slides active">
-      <div class="slide-1"></div>
+      <div class="slide-1-jaipur"></div>
       <div class="hero">
         <hgroup>
             <h1>Experience Jaipur</h1>        
@@ -93,7 +93,7 @@ <h3>Travel safe, have fun</h3>
       </div>
     </div>
     <div class="item slides">
-      <div class="slide-2"></div>
+      <div class="slide-2-jaipur"></div>
       <div class="hero">        
         <hgroup>
             <h1>Enjoy Jaipur</h1>        
@@ -103,7 +103,7 @@ <h3>Maximise the experience</h3>
       </div>
     </div>
     <div class="item slides">
-      <div class="slide-3"></div>
+      <div class="slide-3-jaipur"></div>
       <div class="hero">        
         <hgroup>
             <h1>Explore Jaipur</h1>        
@@ -125,8 +125,8 @@ <h2>Top five tips</h2>
             <li>Pickpockets are very common - particularly at markets. Avoid keeping anything in your pockets.</li>
             <li>When on community visits or homestays, refrain from giving money or gifts to the locals.</li>
             <li>A sarong can be used as a headscarf or covering, particularly when visiting temples</li>
-            <li>Be very careful if choosing to <strong>Couchsurf</strong> in India with men.</li>
-            <li>If you are planning a visit to the street markets consider conservative clothing.</li>
+            <li>Be wary of confidence tricksters. They will promise large amounts of cash for delivery of jewellery abroad in return for an initial deposit.</li>
+            <li>When travelling by rail don't accept food or drinks strangers. Travellers have been drugged and robbed on trains often on overnight journeys.</li>
           </ul>
         </div>
         <div class="col-md-4">
@@ -147,7 +147,7 @@ <h3>Other traveller say:</h3>
           <h3>Crime Rates</h3>
           <table>
             <tr><td>Level of crime</td><td>70.44%</td><td>High</td></tr>
-            <tr><td>Crime increasing in the past 3yrs</td><td>74.42</td><td>High</td></tr>
+            <tr><td>Crime increasing in the past 3yrs</td><td>78.06</td><td>High</td></tr>
             <tr><td>Worries home broken and things stolen</td><td>59.84</td><td>Moderate</td></tr>
             <tr><td>Worries being mugged or robbed</td><td>58.07</td><td>Moderate</td></tr>
             <tr><td>Worries car stolen</td><td>60.69</td><td>High</td></tr>
@@ -156,7 +156,7 @@ <h3>Crime Rates</h3>
         </div>
         <div class="col-md-4">
           <h3>Behavioural Tip</h3>
-          <p>Do not clump all Indians and especially Indian men in the untrustworthy category. As like any country, there are good and bad. It’s important to see what’s happening in the news, but not to let it ruin your mindset.</p>
+          <p>Hold yourself with confidence and be assertive.</p>
         </div>
         <div class="col-md-2">
           <h3>Group Travel</h3>

diff --git a/New-Delhi.html b/New-Delhi.html
@@ -78,7 +78,7 @@ <h1>New Delhi</h1>
   <!-- Wrapper for slides -->
   <div class="carousel-inner">
     <div class="item slides active">
-      <div class="slide-1"></div>
+      <div class="slide-1-new-dehli"></div>
       <div class="hero">
         <hgroup>
             <h1>Experience New Delhi</h1>        
@@ -88,7 +88,7 @@ <h3>Travel safe, have fun</h3>
       </div>
     </div>
     <div class="item slides">
-      <div class="slide-2"></div>
+      <div class="slide-2-new-delhi"></div>
       <div class="hero">        
         <hgroup>
             <h1>Enjoy New Delhi</h1>        
@@ -98,7 +98,7 @@ <h3>Maximise the experience</h3>
       </div>
     </div>
     <div class="item slides">
-      <div class="slide-3"></div>
+      <div class="slide-3-new-delhi"></div>
       <div class="hero">        
         <hgroup>
             <h1>Explore New Delhi</h1>        
@@ -163,6 +163,16 @@ <h3>Best time to travel</h3>
           <p>October to March</p>
         </div>
       </div>
+      <div class="container-fluid">
+        <div class="row">
+          <div class="col=md-4">
+            Was this 
+          </div>
+          <div class="col=md-4"></div>
+          <div class="col=md-4"></div>
+
+        </div>
+      </div>
 
       <hr>
 

diff --git a/Profile b/Profile
@@ -61,9 +61,13 @@
     <!-- Main jumbotron for a primary marketing message or call to action -->
     <div class="jumbotron">
       <div class="container">
-        <h1>She Treks</h1>
-        <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
-        <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
+        <div class="row">
+          <div class="col-md-4">
+        <h1>Hi Maria</h1>
+        <p>You are currently here:</p>
+
+
+      </div>
       </div>
     </div>
 

diff --git a/Survey.html b/Survey.html
@@ -61,32 +61,13 @@
     <!-- Main jumbotron for a primary marketing message or call to action -->
     <div class="jumbotron">
       <div class="container">
-        <h1>She Treks</h1>
+        <h1></h1>
         <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
         <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
       </div>
     </div>
 
-    <div class="container">
-      <!-- Example row of columns -->
-      <div class="row">
-        <div class="col-md-4">
-          <h2>Heading</h2>
-          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
-          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
-        </div>
-        <div class="col-md-4">
-          <h2>Heading</h2>
-          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
-          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
-       </div>
-        <div class="col-md-4">
-          <h2>Heading</h2>
-          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
-          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
-        </div>
-      </div>
-
+
       <hr>
 
       <footer>

diff --git a/css/main.css b/css/main.css
@@ -158,14 +158,25 @@ Image credits: unsplash.com
   background-position: center center;
   background-repeat: no-repeat;
 }
-.fade-carousel .slides .slide-1 {
-  background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818); 
+.fade-carousel .slides .slide-1-new-delhi {
+  background-image: url("~/img/NewDelhiimage1.jpg"); 
 }
-.fade-carousel .slides .slide-2 {
-  background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);
+.fade-carousel .slides .slide-2-new-delhi {
+  background-image: url("img/NewDelhiimage1.jpg"); 
 }
-.fade-carousel .slides .slide-3 {
-  background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);
+.fade-carousel .slides .slide-3-new-delhi {
+  background-image: url("img/NewDelhiimage1.jpg"); 
+}
+
+.fade-carousel .slides .slide-1-jaipur {
+  background-image: url("~/img/jaipurimage1.jpg"); 
+}
+.fade-carousel .slides .slide-2-jaipur {
+  background-image: url("img/jaipurimage1.jpg"); 
+
+}
+.fade-carousel .slides .slide-3-jaipur {
+  background-image: url("img/jaipurimage1.jpg"); 
 }
 
 /********************************/

diff --git a/img/Delhiiamge2.jpg b/img/Delhiiamge2.jpg
diff --git a/img/JaipurMap.jpg b/img/JaipurMap.jpg
diff --git a/img/NewDelhiMap.jpg b/img/NewDelhiMap.jpg
diff --git a/img/NewDelhiimage1.jpg b/img/NewDelhiimage1.jpg
diff --git a/img/jaipur2.jpg b/img/jaipur2.jpg
diff --git a/img/jaipurimage1.jpg b/img/jaipurimage1.jpg
diff --git a/index.html b/index.html
@@ -69,9 +69,50 @@
     <!-- Main jumbotron for a primary marketing message or call to action -->
     <div class="jumbotron">
       <div class="container">
-        <h1>She Treks</h1>
-        <p>Travel Safe - whereever your journey takes you.</p>
-        <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
+        <div class="carousel fade-carousel slide" data-ride="carousel" data-interval="4000" id="bs-carousel">
+  <!-- Overlay -->
+  <div class="overlay"></div>
+
+  <!-- Indicators -->
+  <ol class="carousel-indicators">
+    <li data-target="#bs-carousel" data-slide-to="0" class="active"></li>
+    <li data-target="#bs-carousel" data-slide-to="1"></li>
+    <li data-target="#bs-carousel" data-slide-to="2"></li>
+  </ol>
+
+  <!-- Wrapper for slides -->
+  <div class="carousel-inner">
+    <div class="item slides active">
+      <div class="slide-1-jaipur"></div>
+      <div class="hero">
+        <hgroup>
+            <h1>She Treks</h1>        
+            <h3>Safe travel for her</h3>
+        </hgroup>
+
+      </div>
+    </div>
+    <div class="item slides">
+      <div class="slide-2-new-delhi"></div>
+      <div class="hero">        
+        <hgroup>
+            <h1>She Treks</h1>        
+            <h3>Safe travel for her</h3>
+        </hgroup>       
+
+      </div>
+    </div>
+    <div class="item slides">
+      <div class="slide-3-jaipur"></div>
+      <div class="hero">        
+        <hgroup>
+            <h1>She Treks</h1>        
+            <h3>Safe travel for her</h3>
+        </hgroup>
+      </div>
+    </div>
+  </div> 
+      </div>
       </div>
     </div>