Two Wheeler Emgine Valve Manufacturer in Rajkot

Sayal Engine Valve is a two wheeler engine valve manufacturer in Rajkot. We offer Sr engine valve and high performance Engine Valves based on OEM Standard.

Sayal Industries is a leading Engine Valve Manufacturer in Rajkot. We offer great accuracy components like Engine Valve, Valve Guide, CamShaft e.t.c. Sayal Engine Valve is a two wheeler engine valve manufacturer in Rajkot. We offer Sr engine valve and high performance Engine Valves based on OEM Standard. We are a leading Valve Guide manufacturer in Rajkot. We offer premium and high performance engine valve guide for automobiles.

What is GEEK

Buddha Community

Bronze valve manufacturer in Canada

Bronze is an alloy consisting mainly of copper. It is corrosion resistant and conducts heat and electricity better than other materials. These types of valves are made in such way that it has highest tolerance. The design of this valve is simple and easy to maintain. They are suitable for steam, oil, water, and gas. It is suitable for both above ground and underground installation. Some of the valves which we manufacture using Bronze material are Ball valve, Gate valve , Globe valve, Check valve, Butterfly valve and Swing Check valve.
Material: Bronze
Available Class: ANSI150 to 300, Pn10-Pn25
Size: ½” to 6”
Ends: Socket weld butt weld, flanged, threaded
Operation: Manual
Advantages of Bronze valves:
• Highly corrosion resistant
• Energy efficient
• Pressure loss is minimum.
• Quick operation

Industries that use Steam Safety Valves:
• Chemical industry
• Pharmaceutical industry
• Petroleum industry
• Mining
• Water treatment plants
Looking for the best Bronze valve manufacturer in Canada?
Valvesonly is one of the leading Bronze Valve manufacturer in Canada, with our manufacturing and warehouse in Canada. We focus mainly on accomplishing complete consumer loyalty through the supply of reliable quality industrial valves. We provide you with valves which are cost effective without compromising the quality.
Visit us: https://valvesonly.com/product-category/bronze-valve/

#bronze valve manufacturer in canada #bronze valve manufacturers in canada #bronze valves manufacturer in canada

Two Wheeler Emgine Valve Manufacturer in Rajkot

Sayal Engine Valve is a two wheeler engine valve manufacturer in Rajkot. We offer Sr engine valve and high performance Engine Valves based on OEM Standard.

Sayal Industries is a leading Engine Valve Manufacturer in Rajkot. We offer great accuracy components like Engine Valve, Valve Guide, CamShaft e.t.c. Sayal Engine Valve is a two wheeler engine valve manufacturer in Rajkot. We offer Sr engine valve and high performance Engine Valves based on OEM Standard. We are a leading Valve Guide manufacturer in Rajkot. We offer premium and high performance engine valve guide for automobiles.

How to Create an Image Clip Animation with Slider Controls using Only HTML & CSS

In this blog you’ll learn how to create an Image Clip Animation with Slider Controls using only HTML & CSS.

To create an Image Clip Animation with Slider Controls using only HTML & CSS. First, you need to create two Files one HTML File and another one is CSS File.

1: First, create an HTML file with the name of index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Image Clip Animation | Codequs</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div class="wrapper">
      <input type="radio" name="slide" id="one" checked>
      <input type="radio" name="slide" id="two">
      <input type="radio" name="slide" id="three">
      <input type="radio" name="slide" id="four">
      <input type="radio" name="slide" id="five">
      <div class="img img-1">
        <!-- <img src="images/img-1.jpg" alt="">
      </div>
      <div class="img img-2">
        <img src="images/img-2.jpg" alt="">
      </div>
      <div class="img img-3">
        <img src="images/img-3.jpg" alt="">
      </div>
      <div class="img img-4">
        <img src="images/img-4.jpg" alt="">
      </div>
      <div class="img img-5">
        <img src="images/img-5.jpg" alt="">
      </div>
      <div class="sliders">
        <label for="one" class="one"></label>
        <label for="two" class="two"></label>
        <label for="three" class="three"></label>
        <label for="four" class="four"></label>
        <label for="five" class="five"></label>
      </div>
    </div>
  </body>
</html>

2: Second, create a CSS file with the name of style.css

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(136deg, rgb(224,195,252) 0%, rgb(142,197,252) 100%);
}
.wrapper{
  position: relative;
  width: 700px;
  height: 400px;
}
.wrapper .img{
  position: absolute;
  width: 100%;
  height: 100%;
}
.wrapper .img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  clip-path: circle(0% at 0% 100%);
  transition: all 0.7s;
}
#one:checked ~ .img-1 img{
  clip-path: circle(150% at 0% 100%);
}
#two:checked ~ .img-1 img,
#two:checked ~ .img-2 img{
  clip-path: circle(150% at 0% 100%);
}
#three:checked ~ .img-1 img,
#three:checked ~ .img-2 img,
#three:checked ~ .img-3 img{
  clip-path: circle(150% at 0% 100%);
}
#four:checked ~ .img-1 img,
#four:checked ~ .img-2 img,
#four:checked ~ .img-3 img,
#four:checked ~ .img-4 img{
  clip-path: circle(150% at 0% 100%);
}
#five:checked ~ .img-1 img,
#five:checked ~ .img-2 img,
#five:checked ~ .img-3 img,
#five:checked ~ .img-4 img,
#five:checked ~ .img-5 img{
  clip-path: circle(150% at 0% 100%);
}
.wrapper .sliders{
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  display: flex;
}
.wrapper .sliders label{
  border: 2px solid rgb(142,197,252);
  width: 13px;
  height: 13px;
  margin: 0 3px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}
#one:checked ~ .sliders label.one,
#two:checked ~ .sliders label.two,
#three:checked ~ .sliders label.three,
#four:checked ~ .sliders label.four,
#five:checked ~ .sliders label.five{
  width: 35px;
  border-radius: 14px;
  background: rgb(142,197,252);
}
.sliders label:hover{
  background: rgb(142,197,252);
}
input[type="radio"]{
  display: none;
}

Now you’ve successfully created an Image Clip Animation with Sliders using only HTML & CSS.

#html #css 

How to Create Responsive Profile Card Slider with HTML & CSS

In this tutorial, you'll learn how to create a responsive profile card slider with HTML & CSS. Learn how to make beautiful profile cards with sliding animation in HTML & CSS.
 

HTML CODE:

  <head>
    <meta charset="UTF-8">
    <!---<title> Responsive Our Team Section | codequs </title>---->
    <link rel="stylesheet" href="style.css">
    <!-- Fontawesome CDN Link -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   </head>
<body>
  <div class="container">
    <input type="radio" name="dot" id="one">
    <input type="radio" name="dot" id="two">
    <div class="main-card">
      <div class="cards">
        <div class="card">
         <div class="content">
           <div class="img">
            <!--- <img src="images/img1.jpg" alt="">-->
           </div>
           <div class="details">
             <div class="name">Andrew Neil</div>
             <div class="job">Web Designer</div>
           </div>
           <div class="media-icons">
             <a href="#"><i class="fab fa-facebook-f"></i></a>
             <a href="#"><i class="fab fa-twitter"></i></a>
             <a href="#"><i class="fab fa-instagram"></i></a>
             <a href="#"><i class="fab fa-youtube"></i></a>
           </div>
         </div>
        </div>
        <div class="card">
         <div class="content">
           <div class="img">
            <!--- <img src="images/img2.jpg" alt="">--->
           </div>
           <div class="details">
             <div class="name">Jasmine Carter</div>
             <div class="job">UI Designer</div>
           </div>
           <div class="media-icons">
             <a href="#"><i class="fab fa-facebook-f"></i></a>
             <a href="#"><i class="fab fa-twitter"></i></a>
             <a href="#"><i class="fab fa-instagram"></i></a>
             <a href="#"><i class="fab fa-youtube"></i></a>
           </div>
         </div>
        </div>
        <div class="card">
         <div class="content">
           <div class="img">
            <!-- <img src="images/img3.jpg" alt="">---->
           </div>
           <div class="details">
             <div class="name">Justin Chung</div>
             <div class="job">Web Devloper</div>
           </div>
           <div class="media-icons">
             <a href="#"><i class="fab fa-facebook-f"></i></a>
             <a href="#"><i class="fab fa-twitter"></i></a>
             <a href="#"><i class="fab fa-instagram"></i></a>
             <a href="#"><i class="fab fa-youtube"></i></a>
           </div>
         </div>
        </div>
      </div>
      <div class="cards">
        <div class="card">
         <div class="content">
           <div class="img">
             <!---<img src="images/img4.jpg" alt="">--->
           </div>
           <div class="details">
             <div class="name">Appolo Reef</div>
             <div class="job">Web Designer</div>
           </div>
           <div class="media-icons">
             <a href="#"><i class="fab fa-facebook-f"></i></a>
             <a href="#"><i class="fab fa-twitter"></i></a>
             <a href="#"><i class="fab fa-instagram"></i></a>
             <a href="#"><i class="fab fa-youtube"></i></a>
           </div>
         </div>
        </div>
        <div class="card">
         <div class="content">
           <div class="img">
             <!--<img src="images/img5.jpg" alt="">---->
           </div>
           <div class="details">
             <div class="name">Adrina Calvo</div>
             <div class="job">UI Designer</div>
           </div>
           <div class="media-icons">
             <a href="#"><i class="fab fa-facebook-f"></i></a>
             <a href="#"><i class="fab fa-twitter"></i></a>
             <a href="#"><i class="fab fa-instagram"></i></a>
             <a href="#"><i class="fab fa-youtube"></i></a>
           </div>
         </div>
        </div>
        <div class="card">
         <div class="content">
           <div class="img">
             <!--<img src="images/img6.jpeg" alt="">--->
           </div>
           <div class="details">
             <div class="name">Nicole Lewis</div>
             <div class="job">Web Devloper</div>
           </div>
           <div class="media-icons">
             <a href="#"><i class="fab fa-facebook-f"></i></a>
             <a href="#"><i class="fab fa-twitter"></i></a>
             <a href="#"><i class="fab fa-instagram"></i></a>
             <a href="#"><i class="fab fa-youtube"></i></a>
           </div>
         </div>
        </div>
      </div>
    </div>
    <div class="button">
      <label for="one" class=" active one"></label>
      <label for="two" class="two"></label>
    </div>
  </div>
</body>
</html>

CSS CODE:

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins',sans-serif;
}
body{
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
  position: relative;
}
body::before{
  content: '';
  position: absolute;
  width: 100%;
  background: #FF676D;
  clip-path: inset(47% 0 0 0);
  z-index: -1;
  height: 100%;
}
::selection{
  background:	#FF676D;
  color: #fff;
}
.container{
  max-width: 950px;
  width: 100%;
  overflow: hidden;
  padding: 80px 0;
}
.container .main-card{
  display: flex;
  justify-content: space-evenly;
  width: 200%;
  transition: 1s;
}
#two:checked ~ .main-card{
  margin-left: -100%;
}
.container .main-card .cards{
  width: calc(100% / 2 - 10px);
  display: flex;
  flex-wrap: wrap;
  margin: 0 20px;
  justify-content: space-between;
}
.main-card .cards .card{
  width: calc(100% / 3 - 10px);
  background: #fff;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.4s ease;
}
.main-card .cards .card:hover{
  transform: translateY(-15px);
}
.cards .card .content{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.cards .card .content .img{
  height: 130px;
  width: 130px;
  border-radius: 50%;
  padding: 3px;
  background: #FF676D;
  margin-bottom: 14px;
}
.card .content .img img{
  height: 100%;
  width: 100%;
  border: 3px solid #ffff;
  border-radius: 50%;
  object-fit: cover;
}
.card .content .name{
  font-size: 20px;
  font-weight: 500;
}
.card .content .job{
  font-size: 20px;
  color: #FF676D;
}
.card .content .media-icons{
  margin-top: 10px;
  display: flex;

}
.media-icons a{
  text-align: center;
  line-height: 33px;
  height: 35px;
  width: 35px;
  margin: 0 4px;
  font-size: 14px;
  color: #FFF;
  border-radius: 50%;
  border: 2px solid transparent;
  background: #FF676D;
  transition: all 0.3s ease;
}
.media-icons a:hover{
  color: #FF676D;
  background-color: #fff;
  border-color: #FF676D;
}
 .container .button{
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 20px;
}
.button label{
  height: 15px;
  width: 15px;
  border-radius: 20px;
  background: #fff;
  margin: 0 4px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.button label.active{
  width: 35px;
}
#one:checked ~ .button .one{
  width: 35px;
}
#one:checked ~ .button .two{
  width: 15px;
}
#two:checked ~ .button .one{
  width: 15px;
}
#two:checked ~ .button .two{
  width: 35px;
}
input[type="radio"]{
  display: none;
}
@media (max-width: 768px) {
  .main-card .cards .card{
    margin: 20px 0 10px 0;
    width: calc(100% / 2 - 10px);
  }
}
@media (max-width: 600px) {
  .main-card .cards .card{
    /* margin: 20px 0 10px 0; */
    width: 100%;
  }
}

#html #css 

Ragini Tiwari

1621164654

Best Way to Find Gear Boxes Manufacturers & Exporters

This is image title

Akshi Engineers Pvt. Ltd. is one of the largest industry of Gear Boxes Manufacturers in India. We have the best design, engineering, and manufacture of gearboxes to meet the needs of our customers. The gearbox is an integral part of the driver’s system. We manufacture top-of-the-line automotive gearboxes. We will provide you with the highest-selling brand of the gearbox. Are you looking at the complete list of gearbox manufacturers in India? then, Your search has ended. We are here to provide you with a high-quality, precision-engineered parallel helical gearbox that can be used in any configuration. With gearbox manufacturer India products, you can reduce torque in your industrial solutions or change the direction of RPM, rotate, reverse, or drive shaft.

Why should choose us?

We are one of the leading Gear Boxes Manufacturer, retailers, and exporters of India. Our most valuable asset is our team of trained and experienced engineers who work tirelessly to provide high-quality goods, equipment, and after-sales support to our valued customers.

Top & Reliable Services of Gear Boxes Manufacturer

Here we provide some of the services listed below:

  • Gearbox maintenance
  • Overhauling and Repair Gearbox
  • Check up on gearbox
  • Reverse engineering is the process of creating something from nothing.
  • A replacement part that can be left inside.
  • Gearbox upgrades and improvements
  • Tech and Design Consultancy
  • Create new products

What are the Benefits and Uses Gear Boxes Manufacturer?

Industrial gearboxes are great tools to enhance the company’s operational performance. If you run an industrial company, this equipment is important for the production of your goods. Industrial gearboxes are beneficial not only in the manufacture of products but also in the maintenance of the system. By allowing smaller motors and drives to be used, the gearbox can help cut down the operation of the machine by multiplying torque, matching inertia, and reducing RPM.

How to Contact Akshi Engineers for immediate assistance via a toll-free number (+91-98106-62353)?

Akshi Engineers Pvt. Ltd. is offering you a great solution for industrial steel manufacturers, suppliers & exporters in India. When you need to repair or replace a low-cost, high-quality gearbox, contact the experts at Akshi Engineers Gear Boxes Service in India, Texas. To learn more about our gearbox repair services, call + 91-98106-62353 or send an email to [email protected]. We would be happy to tell you about all the areas we serve and the high-quality work we can do to repair or replace your drive.

Source: https://sites.google.com/view/akshi-engineers/blogs/gear-boxes-manufacturers

#gear boxes manufacturers #gear boxes manufacturer #gear boxes manufacturer in india #gear boxes in india