Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Update index.html
  • Loading branch information
@rym14004
rym14004 committed Feb 19, 2024
1 parent 0a1ee43 commit 19b7e73
Showing 1 changed file with 19 additions and 19 deletions.
38 changes: 19 additions & 19 deletions week-05/mobapp-master/index.html
View file
Expand Up @@ -43,7 +43,7 @@ URI : https://colorlib.com
<div class="row">
<div class="col-md-12">
<nav class="navbar navbar-dark navbar-expand-lg">
<a class="navbar-brand" href="index.html"><img src="images/logo.png" class="img-fluid" alt="logo" data-aos="flip-up" data-aos-duration="1000" data-aos-delay="200"></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<a class="navbar-brand" href="index.html"><img src="images/logo.png" class="img-fluid" alt="logo" data-aos="flip-up" data-aos-duration="2000" data-aos-delay="200"></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item"> <a class="nav-link active" href="#home">HOME <span class="sr-only">(current)</span></a> </li>
Expand All @@ -66,12 +66,12 @@ URI : https://colorlib.com
<h1>Mobile App Landing Page Template</h1>
<p class="tagline">The one and only solution for any kind of mobila app landing needs. Just change the screenshots and texts and you are good to go. </p>
</div>
<div class="img-holder mt-3"><img src="images/iphonex.png" alt="phone" class="img-fluid" data-aos="flip-down" data-aos-duration="1000" data-aos-delay="200"></div>
<div class="img-holder mt-3"><img src="images/iphonex.png" alt="phone" class="img-fluid" data-aos="flip-down" data-aos-duration="2000" data-aos-delay="200"></div>
</header>

<div class="client-logos my-5">
<div class="container text-center">
<img src="images/client-logos.png" alt="client logos" class="img-fluid" data-aos="flip-right" data-aos-duration="1000" data-aos-delay="200">
<img src="images/client-logos.png" alt="client logos" class="img-fluid" data-aos="flip-right" data-aos-duration="2000" data-aos-delay="200">
</div>
</div>

Expand Down Expand Up @@ -146,7 +146,7 @@ URI : https://colorlib.com
</div>
</div>
<div class="perspective-phone">
<img src="images/perspective.png" alt="perspective phone" class="img-fluid" data-aos="flip-left" data-aos-duration="1000" data-aos-delay="200">
<img src="images/perspective.png" alt="perspective phone" class="img-fluid" data-aos="flip-left" data-aos-duration="2000" data-aos-delay="200">
</div>
</div>

Expand Down Expand Up @@ -178,7 +178,7 @@ URI : https://colorlib.com
<div class="tab-content">
<div class="tab-pane fade show active" id="communication">
<div class="d-flex flex-column flex-lg-row">
<img src="images/graphic.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0" data-aos="slide-up" data-aos-duration="1000" data-aos-delay="200">
<img src="images/graphic.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0" data-aos="slide-up" data-aos-duration="2000" data-aos-delay="200">
<div>

<h2>Communicate with ease</h2>
Expand All @@ -204,12 +204,12 @@ URI : https://colorlib.com
sed tempor malesuada, sem nunc porta augue, in dictum arcu tortor id turpis. Proin aliquet vulputate aliquam.
</p>
</div>
<img src="images/graphic.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0" data-aos="slide-down" data-aos-duration="1000" data-aos-delay="200">
<img src="images/graphic.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0" data-aos="slide-down" data-aos-duration="2000" data-aos-delay="200">
</div>
</div>
<div class="tab-pane fade" id="messages">
<div class="d-flex flex-column flex-lg-row">
<img src="images/graphic.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0" data-aos="slide-left" data-aos-duration="1000" data-aos-delay="200">
<img src="images/graphic.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0" data-aos="slide-left" data-aos-duration="2000" data-aos-delay="200">
<div>
<h2>Realtime Messaging service</h2>
<p class="lead">Uniquely underwhelm premium outsourcing with proactive leadership skills. </p>
Expand All @@ -234,7 +234,7 @@ URI : https://colorlib.com
sed tempor malesuada, sem nunc porta augue, in dictum arcu tortor id turpis. Proin aliquet vulputate aliquam.
</p>
</div>
<img src="images/graphic.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0" data-aos="slide-right" data-aos-duration="1000" data-aos-delay="200">
<img src="images/graphic.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0" data-aos="slide-right" data-aos-duration="2000" data-aos-delay="200">
</div>
</div>
</div>
Expand All @@ -249,7 +249,7 @@ URI : https://colorlib.com
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="images/dualphone.png" alt="dual phone" class="img-fluid" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">
<img src="images/dualphone.png" alt="dual phone" class="img-fluid" data-aos="zoom-in" data-aos-duration="2000" data-aos-delay="200">
</div>
<div class="col-md-6 d-flex align-items-center">
<div>
Expand Down Expand Up @@ -296,7 +296,7 @@ URI : https://colorlib.com
</ul>
</div>
<div class="col-md-4">
<img src="images/iphonex.png" alt="iphone" class="img-fluid" data-aos="zoom-out" data-aos-duration="1000" data-aos-delay="200">
<img src="images/iphonex.png" alt="iphone" class="img-fluid" data-aos="zoom-out" data-aos-duration="2000" data-aos-delay="200">
</div>

</div>
Expand All @@ -316,19 +316,19 @@ URI : https://colorlib.com

<div class="testimonials owl-carousel">
<div class="testimonials-single">
<img src="images/client.png" alt="client" class="client-img" data-aos="flip-down" data-aos-duration="1000" data-aos-delay="200">
<img src="images/client.png" alt="client" class="client-img" data-aos="flip-down" data-aos-duration="2000" data-aos-delay="200">
<blockquote class="blockquote">Uniquely streamline highly efficient scenarios and 24/7 initiatives. Conveniently embrace multifunctional ideas through proactive customer service. Distinctively conceptualize 2.0 intellectual capital via user-centric partnerships.</blockquote>
<h5 class="mt-4 mb-2">Crystal Gordon</h5>
<p class="text-primary">United States</p>
</div>
<div class="testimonials-single">
<img src="images/client.png" alt="client" class="client-img" data-aos="flip-up" data-aos-duration="1000" data-aos-delay="200">
<img src="images/client.png" alt="client" class="client-img" data-aos="flip-up" data-aos-duration="2000" data-aos-delay="200">
<blockquote class="blockquote">Uniquely streamline highly efficient scenarios and 24/7 initiatives. Conveniently embrace multifunctional ideas through proactive customer service. Distinctively conceptualize 2.0 intellectual capital via user-centric partnerships.</blockquote>
<h5 class="mt-4 mb-2">Crystal Gordon</h5>
<p class="text-primary">United States</p>
</div>
<div class="testimonials-single">
<img src="images/client.png" alt="client" class="client-img" data-aos="flip-down" data-aos-duration="1000" data-aos-delay="200">
<img src="images/client.png" alt="client" class="client-img" data-aos="flip-down" data-aos-duration="2000" data-aos-delay="200">
<blockquote class="blockquote">Uniquely streamline highly efficient scenarios and 24/7 initiatives. Conveniently embrace multifunctional ideas through proactive customer service. Distinctively conceptualize 2.0 intellectual capital via user-centric partnerships.</blockquote>
<h5 class="mt-4 mb-2">Crystal Gordon</h5>
<p class="text-primary">United States</p>
Expand All @@ -349,10 +349,10 @@ URI : https://colorlib.com
</div>

<div class="img-gallery owl-carousel owl-theme">
<img src="images/screen1.jpg" alt="image" data-aos="flip-up" data-aos-duration="1000" data-aos-delay="200">
<img src="images/screen2.jpg" alt="image" data-aos="flip-down" data-aos-duration="1000" data-aos-delay="200">
<img src="images/screen3.jpg" alt="image" data-aos="flip-up" data-aos-duration="1000" data-aos-delay="200">
<img src="images/screen1.jpg" alt="image" data-aos="flip-down" data-aos-duration="1000" data-aos-delay="200">
<img src="images/screen1.jpg" alt="image" data-aos="flip-up" data-aos-duration="2000" data-aos-delay="200">
<img src="images/screen2.jpg" alt="image" data-aos="flip-down" data-aos-duration="2000" data-aos-delay="200">
<img src="images/screen3.jpg" alt="image" data-aos="flip-up" data-aos-duration="2000" data-aos-delay="200">
<img src="images/screen1.jpg" alt="image" data-aos="flip-down" data-aos-duration="2000" data-aos-delay="200">
</div>

</div>
Expand Down Expand Up @@ -469,8 +469,8 @@ URI : https://colorlib.com
<p class="tagline">Available for all major mobile and desktop platforms. Rapidiously visualize optimal ROI rather than enterprise-wide methods of empowerment. </p>
<div class="my-4">

<a href="#" class="btn btn-light"><img src="images/appleicon.png" alt="icon" data-aos="slide-up" data-aos-duration="1000" data-aos-delay="200"> App Store</a>
<a href="#" class="btn btn-light"><img src="images/playicon.png" alt="icon" data-aos="slide-down" data-aos-duration="1000" data-aos-delay="200"> Google play</a>
<a href="#" class="btn btn-light"><img src="images/appleicon.png" alt="icon" data-aos="slide-up" data-aos-duration="2000" data-aos-delay="200"> App Store</a>
<a href="#" class="btn btn-light"><img src="images/playicon.png" alt="icon" data-aos="slide-down" data-aos-duration="2000" data-aos-delay="200"> Google play</a>
</div>
<p class="text-primary"><small><i>*Works on iOS 10.0.5+, Android Kitkat and above. </i></small></p>
</div>
Expand Down

0 comments on commit 19b7e73

Please sign in to comment.