https://commexcorp.com/

1<!doctype html>
2<html lang="en">
3<head>
4<title>Commex Corp</title>
5<meta charset="UTF-8">
6<meta name="description" content="Berlin Portfolio Template">
7<meta name="keywords" content="personal, portfolio">
8<meta name="viewport" content="width=device-width, initial-scale=1.0">
9<!-- Favicon -->   
10<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
11
12<!-- Stylesheets -->
13<link rel="stylesheet" href="css/bootstrap.css"/>
14<link rel="stylesheet" href="css/reset.css"/>
15<link rel="stylesheet" href="css/style.css"/>
16    <link rel="stylesheet" href="css/animate.css"/>
17<link rel="stylesheet" href="css/owl.carousel.css"/> 
18<link rel="stylesheet" href="css/magnific-popup.css"/> 
19    
20<!-- Google Web fonts -->
21<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
22
23<!-- Font icons -->
24<link rel="stylesheet" href="icon-fonts/font-awesome-4.5.0/css/font-awesome.min.css"/>
25<link rel="stylesheet" href="icon-fonts/essential-regular-fonts/essential-icons.css"/>
26
27<!--[if lt IE 9]>
28  

28<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

28
29  

29<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

29
30<![endif]-->
31
32</head>
33    <style>
34        footer {
35            margin-top: 0px !important;
36        }
37        .market-icon {
38            width: 300px;
39        }
40        
41        .market-container {
42          position: relative;
43          width: 100%;
44        }
45
46        .image {
47          opacity: 1;
48          display: block;
49          width: 100%;
50          height: auto;
51          transition: .5s ease;
52          backface-visibility: hidden;
53        }
54
55        .middle {
56          transition: .5s ease;
57          opacity: 0;
58          position: absolute;
59          top: 50%;
60          left: 50%;
61          transform: translate(-50%, -50%);
62          -ms-transform: translate(-50%, -50%);
63          text-align: center;
64        }
65
66        .market-container:hover .image {
67          opacity: 0.3;
68        }
69
70        .market-container:hover .middle {
71          opacity: 1;
72        }
73
74        .text {
75            font-weight: 500;
76          font-size: 25px;
77          padding: 25px 50px;
78        }
79        .smaller {
80            font-size: 14px !important;
81        }
82    </style>
83<body class="diag">
84    
85<!-- LOADER -->
86<div class="loader-wrapper" id="loader">
87    <div class="loader"></div>
88</div>
89    
90    <nav>
91        <div class="row">
92            <div class="container">
93                <div class="logo">
94                    <img style="width: 350px;" src="images/logo.png" alt="">
95                </div>
96                <div class="responsive"><i data-icon="m" class="icon"></i></div>
97                <ul class="nav-menu">
98                    <li><a href="index.html#home" class="smoothScroll">Home</a></li>
99                    <li><a href="process.html" class="smoothScroll">Market</a></li>
100                    <li><a href="qc.html" class="smoothScroll">Quality Control</a></li>
101                    <li><a href="projects.html" class="smoothScroll">News</a></li>
102                    <li><a href="contact.html" class="smoothScroll">Contact</a></li>
103                    <li><a href="careers.html" class="smoothScroll">Careers</a></li>
104                </ul>
105            </div>
106        </div>
107    </nav>
108    
109    <!--HOME-->
110    <section class="home slider" id="home"> 
111            <div class="home-content">
112                <div class="container">
113                    <h1>We Are <span class="element" data-text1="Commex" data-text2="Committed" data-loop="true" data-backdelay="3000"></span></h1> 
114<!--                    <div class="social">
115                        <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i>  </a>
116                        <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i>  </a>
117                        <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i>  </a>
118                        <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i>  </a>
119                        <a href="#"><i class="fa fa-behance" aria-hidden="true"></i>  </a>
120                        <a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i>  </a>
121                    </div>-->
122                    <a class="home-down bounce" href="#about"><i class="fa fa-angle-down"></i></a>
123                </div>
124            </div>
125             <div class="home-slider">
126            <div id="slides">
127              <div class="slides-container">
128                <img src="images/commex1.jpg" alt="">
129                <img src="images/commex2.jpg" alt="">
130                <img src="images/commex4.jpg" alt="">
131                <img src="images/commex5.jpg" alt="">
132                <img src="images/commex6.jpg" alt="">
133              </div>
134           </div>
135            </div>
136        <svg class="diagonal home-left" width="21%" height="170" viewBox="0 0 100 102" preserveAspectRatio="none">
137            <path d="M0 100 L100 100 L0 10 Z"></path>
138        </svg>
139        <svg class="diagonal home-right" width="80%" height="170" viewBox="0 0 100 102" preserveAspectRatio="none">
140            <path d="M0 100 L100 100 L100 10 Z"></path>
141        </svg>
142    </section>
143    <!--ABOUT-->
144    <section class="about dgray-bg" id="about">
145        <div class="about type-1 padbot_120">
146            <div class="container">
147                <!-- about image -->
148                <div class="col-md-4 col-sm-12 top_30">
149                    <div class="row">
150                        <br><br>
151                        <video muted autoplay loop style="width: 450px;">
152                          <source src="images/vid1.mp4" type="video/mp4">
153                          Your browser does not support the video tag.
154                        </video>
155                    </div>
156                </div>
157                <!-- about text -->

158                <div class="col-md-7 col-md-offset-1 col-sm-12 about-text">
159                    <div class="section-title dleft bottom_30">
160                      <br>
161                        <h2>ABOUT US</h2>
162                    </div>
163                    <p align="justify">
164                        <b>Commex Corp.</b>, a California corporation, focuses exclusively on blown film extrusion. Commex has been in business since 1986. The word "Commex" is a contraction of a phrase to which all Commex employees are dedicated, "COMMitment to EXcellence". we focus on food packaging and other specialty packaging application. The Company’s Mission is to provide the best services and the highest quality plastic film products to customers.
165
166                    </p>
167                </div>
168                </div>
169                
170                <div class="container">
171                    <!-- about text -->
172                    <div class="col-md-12 col-sm-12 about-text">
173                        <div class="section-title dleft bottom_30">
174                          <br>
175                            <h2>MISSION STATEMENT</h2>
176                        </div>
177                        <p align="justify">
178                            At Commex, we’re committed to provide the best quality film in a timely manner for your needs. We will continue to look at your film structure and find every possible alternatives to improve film performance and cost structure to improve your bottom line. We will focus on innovation and better solutions for environmental concerns in our industry.  We like to treat our customers as a partner so we both have a win-win situation and better plan for what’s ahead in your market.
179                            <br>
180                            <br>
181                            
182                        </p>
183                    </div>
184                </div>
185
186            
187  <!--      <svg class="diagonal-gray" width="100%" height="170" viewBox="0 0 100 102" preserveAspectRatio="none">
188            <path d="M0 0 L70 100 L100 0 Z"></path>
189        </svg>-->
190        </div>
191    </section>
192
193    <footer>
194        <div class="container">
195            <p>Commex Corp.<br> 20408 Corsair Blvd,<br>Hayward, CA 94545</p>
196        </div>
197    </footer>  
198    
199<!-- Javascripts -->

200<script src="js/jquery-2.1.4.min.js"></script>

200<!-- jQuery library -->

201<script src="js/bootstrap.min.js"></script>

201 

202<script src="js/wow.min.js"></script>

202

203<script src="js/isotope.pkgd.min.js"></script>

203

204<script src="js/typed.js"></script>

204

205<script src="js/jquery.magnific-popup.min.js"></script>

205

206<script src="js/jquery.superslides.min.js"></script>

206

207<script src="js/owl.carousel.min.js"></script>

207

208<script src="js/main.js"></script>

208

209<script>
210    $(function(){
211       if (sessionStorage.getItem('loaded') === 'yes') {
212           $('#loader').remove();
213       } else {
214           sessionStorage.setItem('loaded', 'yes');
215       }
216    });
217
218   //SUPER SLÄ°DER
219    $('#slides').superslides({
220      animation: 'fade',
221      play: 3000
222    });    
223</script>

223    
224    
225 
226<!-- WiredMinds eMetrics tracking with Enterprise Edition V5.4 START -->

227<script type='text/javascript' src='https://count.carrierzone.com/app/count_server/count.js'></script>

227

228<script type='text/javascript'><!--
229wm_custnum='4bf63143d64c5996';
230wm_page_name='index.html';
231wm_group_name='/services/webpages/c/o/commexcorp.com/public';
232wm_campaign_key='campaign_id';
233wm_track_alt='';
234wiredminds.count();
235// -->
236</script>

236
237<!-- WiredMinds eMetrics tracking with Enterprise Edition V5.4 END -->
238</body>
239</html>