#17 added carousel animated contents

app/views/users/contents/carousell.scala.html

@@ -2,34 +2,35 @@
 @(param: Any)
 <div id="myCarousel" class="carousel slide" data-ride="carousel" style="margin-top: 95px; height: 400px;"> 
   <div class="carousel-inner">
-  <div class="item active"> <img src="@routes.Assets.at("user/img/b.jpg")" style="width:100%" data-src="" alt="First slide">
+  <div class="item active" style="background-image:url('assets/user/img/image1.jpg');"> 
     <div class="container" style="padding-top: 145px;">
-      <div class="carousel-caption">
-        <h3>Welcome in my cell was stolen</h3>
-        <p>Are you going to buy a cell? Please make sure it is safe.</p>
-        <button class="btn btn-warning fadeButton">Read more</button>
+      <div class="carousel-caption con">
+        <h2>Buying an old phone?</h2>
+        <p>What if it belongs to someone else and has been reported lost?</p>
       </div>
-
     </div>
   </div>
-  <div class="item"> <img src="@routes.Assets.at("user/img/b.jpg")" style="width:100%" data-src="" alt="Second slide">
+
+  <div class="item" style="background-image:url('assets/user/img/image2.jpg');">
     <div class="container" style="padding-top: 145px;" >
-      <div class="carousel-caption">
-        <h3>Welcome in my cell was stolen.</h3>
-        <p>Are you going to buy a cell? Please make sure it is safe.</p>
-        <button class="btn btn-warning fadeButton">Read more</button>
+      <div class="carousel-caption con">
+        <h2>We are here to help you assure that you are not buying a phone form crooks!</h2>
+        <p>Just check out our lost IMEI database if someone has reported this IMEI as stolen</p>
+        <p>Just type your IMEI and hit check..</p>
+        <button class="btn btn-warning fadeButton">Check IMEI Status</button>
       </div>
     </div>
   </div>
-  <div class="item"> <img src="@routes.Assets.at("user/img/g.jpg")" data-src="" alt="Third slide">
+
+  <div class="item" style="background-image:url('assets/user/img/image1.jpg');">
     <div class="container" style="padding-top: 145px;">
-      <div class="carousel-caption">
-        <h3>Welcome in my cell was stolen</h3>
-        <p>Are you going to buy a cell? Please make sure it is safe.</p>
-        <button class="btn btn-warning fadeButton">Read more</button>
+      <div class="carousel-caption con">
+        <h2>We are glad! We could help you in breaking this theft cycle</h2>
+        <p>WWW.mycellwasst0len</p>
       </div>
     </div>
   </div>
+
 </div>
 
 <a class="left carousel-control" href="#myCarousel" data-slide="prev">
@@ -50,10 +51,9 @@ <h3>Welcome in my cell was stolen</h3>
 		})
 		$('#myCarousel').on('slid.bs.carousel', function() {
 			$('.carousel-caption').css({"margin-left":"0px"}).fadeIn(800).animate({
-				marginLeft : "480px"
-			}, 2000);
-
-			$('.fadeButton').fadeIn(7000);
+                marginLeft : "200px"
+            }, 2000);
 		})
 	});
-  </script>
+  </script>
+

app/views/users/contents/imeiRegistration.scala.html

@@ -5,9 +5,8 @@ <h3>IMEI Registration</h3>
 </div>
                 <div class="row">
                     <div class="col-sm-12">
-                        <p>Chances are that you are visiting this page, because, you or someone close to you, has lost his/her cell phone. 
-                        The feeling of losing a cell phone is analogous to losing a part of your life. 
-                        We have been in the same situation. This site with its database of over 50,000 (and growing) lost / stolen cell phones, is an attempt to break the cycle of cell phone thefts.</p>
+                        <p>This is one of the best things you can do. Not only would your information be safe with us but it would help us to inform you immediately if someone else tries to register your cell phone IMEI in his name.
+                         Once your ownership is authenticated by MCWS database, we would send out an alarm to you via an SMS / email immediately if someone else tries to register the IMEI again.</p>
                         <p>Register your mobile IMEI number with us and be safe.</p><br>
 
                          <a href="#imeiRegisterModal" class="portfolio-link" role="button"  data-toggle="modal"><button type="button" class="btn btn-success">

app/views/users/main.scala.html

@@ -11,6 +11,8 @@
     <!-- Custom CSS -->
     <link href="@routes.Assets.at("user/css/freelancer.css")" rel="stylesheet">
     <link href="@routes.Assets.at("user/css/custom.css")" rel="stylesheet">
+    <link href="@routes.Assets.at("user/css/animate.min.css")" rel="stylesheet">
+
 	<!-- sticky sidebar CSS -->
     <link href="@routes.Assets.at("user/css/intlTelInput.css")" rel="stylesheet">
     <!-- Custom Fonts -->
@@ -27,8 +29,23 @@
 	@views.html.users.header.header("rendering header")
 
  <header>
-  @views.html.users.contents.carousell("render carousell")
-    </header>
+ 	 @views.html.users.contents.carousell("render carousell")
+ </header>
+
+ <div class="purchase">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-9 animated fadeInLeft">
+                    <p>My Cell Was Stolen is a social movement to make mobile space secure. </p>
+                    <p style="font-size: 14px;">Chances are that you are visiting this page, because, you or someone close to you, has lost his/her cell phone. The feeling of losing a cell phone is analogous to losing a part of your life. We have been in the same situation. This site with its database of over 50,000 (and growing) lost / stolen cell phones,
+                     is an attempt to break the cycle of cell phone thefts.</p>
+                </div>            
+                <div class="col-md-3 animated fadeInRight">
+                   <img class="img-responsive" src="@routes.Assets.at("user/img/21.png")" alt="">
+                </div>
+            </div>
+        </div>
+    </div>
 
    <div class="container"> 
    <div class="row">

public/user/css/custom.css

@@ -1,14 +1,41 @@
 /*Home page*/
 /* home page slider*/
 
-.carousel-caption {
-    color: #FFF !important;
-    text-align: left !important;
-    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6) !important;
-    float: right !important;
-    padding-top: 50px !important;
-    margin-top: 50px !important;
-    animation: 0.6s ease-in 0.8s normal both 1 fromRightAnim1;
+ /* .carousel-inner .item {
+    width: 100%;
+    height: 400px;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}  */
+
+.carousel .item {
+	width: 100%;
+    height: 400px;
+    left: 0 !important;
+    -webkit-transition: opacity 1s; 
+    -moz-transition: opacity 1s; 
+    -ms-transition: opacity 1s; 
+    -o-transition: opacity 1s; 
+    transition: opacity 1s;
+}
+
+.carousel-control {
+    background-image: none !important; /* remove background gradients on controls */
+}
+
+.purchase {
+    padding: 25px 0px 30px;
+    border-bottom: 2px solid #EEE;
+    border-top: 2px solid #EEE;
+    background-color: #f7f7f7;
+    margin-top: 10px;
+}
+
+.con{
+	margin-bottom: 50px; 
+	color: #e6e6fa;
 }
 
 .headline {

public/user/css/generic.css

@@ -0,0 +1,23 @@
+
+/* For generic page styles. Not for sliders. */
+
+body {background:#F6F6F6;font:normal 0.9em Arial; margin:0; padding:0; padding-bottom:60px;}
+h2 {display:inline;}
+.div1, .div2 {width:700px;margin:0 auto;}
+.div1 {margin-top:30px;margin-bottom:60px;text-align:center;line-height:20px;}
+.div1 P {font-size:18px;}
+.div1 a, .div2 a {color:#07C; }
+.div1 a {margin:0 8px;}
+.div1 a.current {color:black; text-decoration:none;}
+.div2 {margin-top:70px;}
+.div2 li {padding-top:6px;padding-bottom:6px;}
+.green {color:Green;}
+.cn {font-family: "Courier New", Georgia;}
+#status {display:inline-block; margin-left:26px;line-height:50px;height:50px;vertical-align:middle;}
+
+.code
+{
+    border: dashed 1px #BCBCCB; padding:8px 12px; background-color: #F3F3F9; white-space:pre; font-family:"Courier New", Georgia;
+    font-size:12px; margin:6px 0;overflow:auto; 
+}
+