url = "/"
layout = "default"
title = "Home"
meta_description = "SM Electronic Technologies Pvt. Ltd is a trusted electronic components distributor in India, delivering high-quality and reliable components for every industry need."

[blogPosts]
pageNumber = "{{ :page }}"
postsPerPage = 3
noPostsMessage = "No posts found"
sortOrder = "published_at desc"
categoryPage = "blogs"
postPage = "blog"
==
<style>
@media (max-width: 768px) {
    /* Ensure captions are visible */
    .nivo-html-caption {
        display: block !important;
        opacity: 1 !important; /* opacity should be between 0 and 1 */
        visibility: visible !important;
        position: absolute !important;
        top: 35% !important;
        z-index: 8;
        left: 15px !important;
        transform: translateY(-50%) !important;
    }
}

.nivo-caption {
    bottom: -50px !important;

}




</style>


<!-- Hero Area Start -->


<div id="hero-area" class="hero-area section">
    <!-- Hero Slider -->  
    <div id="hero-slider" class="nivoSlider">
         <img src="{{ this.theme.slider_item | media }}" alt="" title="#herocaption-1" /> 
       <!-- <img src="{{ 'web-event-banner.jpg' | media }}" alt="" title="#herocaption-2" />--> 
    </div>
      
    <!-- Hero Slider Caption 1 -->
    <div id="herocaption-1" class="nivo-html-caption">
        <div class="container">
            <div class="row">
                <!-- Hero Content -->
                <div class="hero-content banner-button col-xs-12">
                    <a href="{{ url('/about') }}" class="banner-button">Know More</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Hero Slider Caption 2 -->
    <div id="herocaption-2" class="nivo-html-caption">
        <div class="container">
            <div class="row">
                <!-- Hero Content -->
                <div class="hero-content banner-button col-xs-12">
                    <a href="https://www.renesas.com/en" class="banner-button" target="_blank">Know More</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Hero Area End -->
<!-- About us Hiding for content 
<div class="about-us sec-padd-top">
    <div class="container">
        <div class="row">
         <div class="col-md-8 col-sm-12">
            <div class="about-text">
                    <h2>
                        <span class="thm-color">About</span> smetgroup
                    </h2>
                    <div class="text">
                        <p>Mouser Electronics is a global authorized distributor of semiconductors and electronic components for over 1,100 industry-leading manufacturer brands. They specialize in the rapid introduction of the newest products and technologies targeting the design engineer and buyer communities. When you need the right part right now, think mouser. Selection, speed, and accuracy are the core of Mouser’s state-of-the-art warehouse with sophisticated equipment enabling them to process orders. The wireless warehouse management system is streamlined to nearly perfect pick-and-ship operations delivering a 5-sigma confidence rating, better than 99%. SM Electronic Technologies Pvt. Ltd is an authorized channel partner for mouser electronics in India. Our extensive product offering includes semiconductors, interconnects, passives, and electromechanical components. As an authorized Mouser partner in India, we bring global innovations to the local market with exceptional service and support.</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-12">
             <figure class="about-img">
                    <img src="{{'mouserr.jpeg'|media}}" alt="MOUSER">
                </figure>
               
            </div>
        </div> -->

<div class="why-us sec-padd-top">
    <div class="container">
        
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="section-title">
                  <h2>{{this.theme.title}}</h2>
                </div>
            </div>
        </div>
        
        <div class="row">
        {% for item in this.theme.service_desc %}
            <div class="col-md-4 col-sm-6">
                <div class="single-our-service">
                    <div class="icon-big">
                      <img src="{{item.item_icon| media}}">
                    </div>
                    <a href="{{item.item_link}}"><h4 class="text-center">{{item.item_title}}</h4></a>
                  <p>{{item.item_desc|raw}}</p>
                </div>
            </div>
        {% endfor %}
        </div>
        <div class="section-footer">
            <a href="{{ url('/manufacturers') }}" class="thm-btn bg-clr1">View more</a>
        </div>
    </div>
</div>

<div class="our-services sec-padd-top">
  <div class="container">
    <div class="row">
      <div class="col-md-12 col-sm-12">
        <div class="about-text">
          <div class="section-title">
            <h2>Our Solutions</h2>
            <div class="text">
              <p>There are many valid reasons why you should choose us to take care of your valuable device.</p>
            </div>
          </div>

          <div class="text-icon-grid">
          {% for item in this.theme.solution_desc %}
            <div class="text-icon-squared animation animated fadeInUp">
              <div class="hover"></div>
              <div class="caption">
                <div class="icon-big">
                  <img src="{{item.solution_icon| media}}" />
                </div>
              <a href="{{item.solution_link}}"> <h5 class="title" style="height: 28px;">{{item.solution_title}} </h5></a>
                <div class="text" style="height: 48px;">{{item.solution_desc|raw}}</div>
              </div>
            </div>
          {% endfor %}
          </div>

          <div class="section-footer">
            <a href="{{ url('/solutions') }}" class="thm-btn bg-clr1">View more</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="counter-area">
  <div class="container">
    <div class="row">
    {% for item in this.theme.counter %}
      <div class="col-md-3">
        <div class="counter-box"> <img src="{{item.counter_icon| media}}" /> <span class="counter plus"> <p>{{item.counter_title|raw}}</p></span>
          <p>{{item.counter_desc|raw}}</p>
        </div>
      </div>
    {% endfor %}
    </div>
  </div>
</div>

<div class="project-content sec-padd-top">
    <div class="container">
        <div class="section-title">
            <h2>Awards and Achievements</h2>
        </div>
		<div class="row masonary-layout filter-layout">
      {% for i in 0..2 %}
        <div class="col-md-4 mix col-sm-6 ipad filter-item">
                <div class="single-project-item news-item">
                    <div class="img-box">
                        <img src="{{this.theme.award[i].gallery_awards| media}}" alt="{{ this.theme.award[i].title_name }}"/>
                        <div class="overlay">
                            <div class="box">
                                <div class="top-box">
                                    <div class="title">
                                       <h3>{{ this.theme.award[i].title_name }}</h3> 
                                    </div>
                                </div>
                                <div class="bottom-box">
                                    <ul>
                                        <li><a data-group="1" href="{{this.theme.award[i].gallery_awards| media}}" class="img-popup"><i class="fa fa-picture-o"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
      {% endfor %}
		</div>
	    <div class="section-footer">
            <a href="{{ url('/news') }}" class="thm-btn bg-clr1">View more</a>
        </div>
	</div>
</div>

<div class="about-us sec-padd-top">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-sm-12">
                
                <figure class="about-img">
                    <img src="{{'mouserr.jpeg'|media}}" alt="MOUSER">
                </figure>
            </div>
            <div class="col-md-8 col-sm-12">
                <div class="about-text">
                    <h2>
                        <span class="thm-color">MOUSER</span> ELECTRONICS
                    </h2>
                    <div class="text">
                        <p>Mouser Electronics is a global authorized distributor of semiconductors and electronic components for over 1,100 industry-leading manufacturer brands. They specialize in the rapid introduction of the newest products and technologies targeting the design engineer and buyer communities. When you need the right part right now, think mouser. Selection, speed, and accuracy are the core of Mouser’s state-of-the-art warehouse with sophisticated equipment enabling them to process orders. The wireless warehouse management system is streamlined to nearly perfect pick-and-ship operations delivering a 5-sigma confidence rating, better than 99%. SM Electronic Technologies Pvt. Ltd is an authorized channel partner for mouser electronics in India. Our extensive product offering includes semiconductors, interconnects, passives, and electromechanical components. As an authorized Mouser partner in India, we bring global innovations to the local market with exceptional service and support.</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="row sec-padd-top">
            <div class="col-md-5 col-sm-12">
                <div class="row">
                    <div class="col-md-6 col-sm-12">
                        <div class="media media-icon">
                          <div class="media-left">
                              <img class="media-object" src="{{ 'icons/mouser/Rupee.png'|media }}" alt="Mouser">
                          </div>
                          <div class="media-body">
                            <h4 class="media-heading">All Mouser Parts Are Supported in Indian Rupee (INR).</h4>
                          </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <div class="media media-icon">
                          <div class="media-left">
                              <img class="media-object" src="{{ 'icons/mouser/no-handling-charges.png'|media }}" alt="Mouser">
                          </div>
                          <div class="media-body">
                            <h4 class="media-heading">No Customs Clearing Hassles and Handling Chargers.</h4>
                          </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-sm-12">
                <div class="row">
                    <div class="col-md-12 col-sm-12">
                        <div class="media media-icon">
                          <div class="media-left">
                              <img class="media-object" src="{{ 'icons/mouser/free-shipping.png'|media }}" alt="Mouser">
                          </div>
                          <div class="media-body">
                            <h4 class="media-heading">Free Shipping.</h4>
                          </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-5 col-sm-12">
                <div class="row">
                    <div class="col-md-6 col-sm-12">
                        <div class="media media-icon">
                          <div class="media-left">
                              <img class="media-object" src="{{ 'icons/mouser/Customer-Support.png'|media }}" alt="Mouser">
                          </div>
                          <div class="media-body">
                            <h4 class="media-heading">Dedicated Customer Support and Quick Response.</h4>
                          </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-12">
                        <div class="media media-icon">
                          <div class="media-left">
                              <img class="media-object" src="{{ 'icons/mouser/Logistic-Support.png'|media }}" alt="Mouser">
                          </div>
                          <div class="media-body">
                            <h4 class="media-heading">Dedicated And Specialized Logistic Support Team.</h4>
                          </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="call-out2">
    <div class="container">
        <div class="clearfix">
            <div class="float_left">
                <h4>Have any question or need any business consultation?</h4>
            </div>
            <div class="float_right">
                <a href="{{ url('/get-quote') }}" class="thm-btn bg-clr2">Request Quote</a>
            </div>
        </div>
                
    </div>
</div>

<div class="brand-logo sec-padd">
    <div class="container">
        <ul class="brand-carousel">
           {% for item in this.theme.partner_logo %}
            <li><a href="{{item.Link}}"><img src="{{item.logo| media}}" alt=""></a></li>
           {% endfor %}
        </ul>
    </div>
</div>