Skip to content

Commit

Permalink
280220241914
Browse files Browse the repository at this point in the history
  • Loading branch information
@anupammo
anupammo committed Feb 28, 2024
1 parent 1f07fdf commit 560c8b7
Show file tree
Hide file tree
Showing 2 changed files with 53 additions and 16 deletions.
24 changes: 13 additions & 11 deletions tvs-bikes.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -272,8 +272,8 @@ <h1 class="lead fs-2 mb-4">
<div class="card-body">
<a href="tvs-raider-125" class="d-block text-end text-dark fs-5 my-3">TVS Raider 125</a>
<a href="tvs-raider-125" class="d-block text-end text-dark fs-5">TVS RTR</a>
<img src="res/brand-logo/tvs-logo120x40.jpg" class="float-end my-4" width="120"
height="40" alt="TVS Bike Logo" title="TVS Bike Logo" loading="lazy">
<img src="res/brand-logo/tvs-logo120x40.jpg" class="float-end my-4" width="120" height="40"
alt="TVS Bike Logo" title="TVS Bike Logo" loading="lazy">
<!-- <ul class="list-group list-group-flush lead text-end fs-5 my-4" style="width: 300px;">
<a class="streched-link" href="ktm.html">
<li class="list-group-item border-0"> <strong>TVS RR 310</strong></li>
Expand Down Expand Up @@ -366,14 +366,15 @@ <h2 class="lead fs-2">A Legacy of Excellence - </h2>
<div class="card rounded-0">
<div class="card-body">
<img src="res/bike-image/Tvs-Ntorq-125-Red.webp" height="250"
class="d-block mx-auto img-fluid" alt="TVS NTORQ 125 Scooty" title="TVS NTORQ 125 Scooty">
class="d-block mx-auto img-fluid" alt="TVS NTORQ 125 Scooty"
title="TVS NTORQ 125 Scooty">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="shape-bg my-5" id="lineup">
<section class="shape-bg my-5" id="lineup">
<div class="container">
<div class="row">
<div class="col-12">
Expand Down Expand Up @@ -448,8 +449,8 @@ <h2 class="text-center lead fs-2 my-4">TVS Bikes</h2>
<div class="row">
<div class="col-md-4 col-12">
<div class="card mb-3">
<img class="card-img-top" src="res/bike-image/TVS Apache - RTR 4v.webp"
alt="TVS Apache RTR 4v" title="TVS Apache RTR 4v">
<img class="card-img-top" src="res/bike-image/TVS Apache - RTR 4v.webp" alt="TVS Apache RTR 4v"
title="TVS Apache RTR 4v">
<div class="card-body">
<p class="lead text-center fs-4"><strong>TVS</strong> Apache <span class="fs-2">
RR310</span></p>
Expand All @@ -464,8 +465,8 @@ <h2 class="text-center lead fs-2 my-4">TVS Bikes</h2>
</div>
<div class="col-md-4 col-12">
<div class="card mb-3">
<img class="card-img-top" src="res/bike-image/TVS Apache - RTR 4v.webp"
alt="TVS Apache RTR 4v" title="TVS Apache RTR 4v">
<img class="card-img-top" src="res/bike-image/TVS Apache - RTR 4v.webp" alt="TVS Apache RTR 4v"
title="TVS Apache RTR 4v">
<div class="card-body">
<p class="lead text-center fs-4"><strong>TVS</strong> Apache <span class="fs-2">
RR310</span></p>
Expand All @@ -480,7 +481,8 @@ <h2 class="text-center lead fs-2 my-4">TVS Bikes</h2>
</div>
<div class="col-md-4 col-12">
<div class="card mb-3">
<img class="card-img-top" src="res/bike-image/Tvs-200v.webp" alt="TVS Apache RTR" title="TVS Apache RTR">
<img class="card-img-top" src="res/bike-image/Tvs-200v.webp" alt="TVS Apache RTR"
title="TVS Apache RTR">
<div class="card-body">
<p class="lead text-center fs-4"><strong>Tvs</strong> RTR <span class="fs-2">200</span></p>
<div class="row my-3">
Expand All @@ -494,8 +496,8 @@ <h2 class="text-center lead fs-2 my-4">TVS Bikes</h2>
</div>
<div class="col-md-4 col-12">
<div class="card mb-3">
<img class="card-img-top" src="res/bike-image/Tvs-Rtr-160-white-Red.webp"
alt="TVS Apache RTR" title="TVS Apache RTR">
<img class="card-img-top" src="res/bike-image/Tvs-Rtr-160-white-Red.webp" alt="TVS Apache RTR"
title="TVS Apache RTR">
<div class="card-body">
<p class="lead text-center fs-4"><strong>Tvs</strong> RTR <span class="fs-2">160</span></p>
<div class="row my-3">
Expand Down
45 changes: 40 additions & 5 deletions tvs-raider-125.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,6 +51,26 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<style>
/* horizontal scroll Menu */
div.scrollmenu {
background-color: #333;
overflow: auto;
white-space: nowrap;
}

div.scrollmenu a {
display: inline-block;
color: white;
text-align: center;
padding: 14px;
text-decoration: none;
}

div.scrollmenu a:hover {
background-color: #777;
}
/* horizontal scroll Menu */

/* Yellow Color Code : #FFEA00 */
.y-top-bg {
background: rgb(255, 234, 0);
Expand Down Expand Up @@ -171,7 +191,8 @@
}
}

img#logo-anim, a.navbar-brand img {
img#logo-anim,
a.navbar-brand img {
animation: shake 0.5s;
animation-iteration-count: infinite;
}
Expand Down Expand Up @@ -226,6 +247,16 @@

<body>
<header>
<div class="scrollmenu">
<a href="#home">Home</a>
<a href="#news">News</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
<a href="#home">Home</a>
<a href="#news">News</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
</div>
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="#">
Expand Down Expand Up @@ -333,7 +364,8 @@ <h2 class="lead fs-2 mt-3">TVS Raider 125: Style and Comfort</h2>
<div class="col-md-4 col-12">
<div class="card rounded-0">
<div class="card-body">
<img src="res/bike-image/TVS-raider.jpg" class="img-fluid" alt="TVS Raider" title="TVS Raider">
<img src="res/bike-image/TVS-raider.jpg" class="img-fluid" alt="TVS Raider"
title="TVS Raider">
</div>
</div>
</div>
Expand Down Expand Up @@ -453,7 +485,8 @@ <h2 class="fw-bold">
<div class="card-body">
<img src="res/3d/icons8-engine-94.png" class="img-fluid d-block mx-auto py-4" alt="...">
<ul class="list-group list-group-flush">
<li class="list-group-item"><strong>Engine: </strong>124.8 cc Air-cooled, single-cylinder</li>
<li class="list-group-item"><strong>Engine: </strong>124.8 cc Air-cooled,
single-cylinder</li>
<li class="list-group-item"><strong>Transmission: </strong>5 speed constant mesh</li>
<li class="list-group-item"><strong>Power: </strong>11.2 PS @ 7,500 rpm</li>
<li class="list-group-item"><strong>Torque: </strong>11 Nm @ 6,000 rpm</li>
Expand Down Expand Up @@ -484,7 +517,8 @@ <h2 class="fw-bold">
<div class="card-body">
<img src="res/3d/icons8-tyre-94.png" class="img-fluid d-block mx-auto py-4" alt="...">
<ul class="list-group list-group-flush">
<li class="list-group-item"><strong>Analogue speedometer: </strong>integrated multi-function LCD screen</li>
<li class="list-group-item"><strong>Analogue speedometer: </strong>integrated
multi-function LCD screen</li>
<li class="list-group-item"><strong>Clutch: </strong>Wet multiplate</li>
<li class="list-group-item"><strong>Ground clearance: </strong>180 mm</li>
<li class="list-group-item"><strong>Seat height: </strong>780 mm</li>
Expand Down Expand Up @@ -616,7 +650,8 @@ <h3 class="lead fs-5"><strong>Max Torque</strong></h3>
<div class="card lead mb-3" style="max-width: 540px;">
<div class="row g-0">
<div class="col-md-4">
<img src="res/3d/icons8-bluetooth-94.png" class="img-fluid d-block mx-auto mt-2" alt="...">
<img src="res/3d/icons8-bluetooth-94.png" class="img-fluid d-block mx-auto mt-2"
alt="...">
</div>
<div class="col-md-8">
<div class="card-body">
Expand Down

0 comments on commit 560c8b7

Please sign in to comment.