-
Notifications
You must be signed in to change notification settings - Fork 1
/
library.html
649 lines (553 loc) · 27 KB
/
library.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
<!Doctype html>
<html>
<head>
<link rel="stylesheet" href="css/library.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Exo+2|Roboto|Source+Sans+Pro" rel="stylesheet">
</head>
<body>
<div class="nav">
<ul>
<li><a href="./index.html">HOME</a></li>
<li><a href="./index.html">TIMELINE</a></li>
<li onclick="showhidenav()">LIBRARY <span><i class="fa fa-angle-down" aria-hidden="true"></i></span></li>
<li><a href="./gallery.html">GALLERY</a></li>
<li><a href="./index.html">BLOG</a></li>
</ul>
</div>
<div class="libnav">
<span onclick="showhidenav()" id="closebtn"><i class="fa fa-times fa-2x" aria-hidden="true"></i></span>
<div>
<h2 onclick="electronic()">ELECTRONICS</h2>
<h2 onclick="mech()">MECHANICAL</h2>
<h2 onclick="program()">PROGRAMMING</h2>
</div>
</div>
<!--Quick view image divs for informations-->
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/arduinodue.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(0)"></i>
</button>
<p>
<h2>ARDUINO DUE</h2>
The Arduino Due is a microcontroller board based on the Atmel SAM3X8E ARM Cortex-M3 CPU (datasheet). It is the first Arduino board based on a 32-bit ARM core microcontroller. It has 54 digital input/output pins (of which 12 can be used as PWM outputs), 12 analog inputs, 4 UARTs (hardware serial ports), a 84 MHz clock, an USB OTG capable connection, 2 DAC (digital to analog), 2 TWI, a power jack, an SPI header, a JTAG header, a reset button and an erase button.The board contains everything needed to support the microcontroller; simply connect it to a computer with a micro-USB cable or power it with a AC-to-DC adapter or battery to get started. The Due is compatible with all Arduino shields that work at 3.3V and are compliant with the 1.0 Arduino pinout.
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/rpi2.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(1)"></i>
</button>
<p>
<h2>RASPBERRY PI</h2>
The Raspberry Pi is a single-board computer developed in the UK by the Raspberry Pi Foundation . The Raspberry Pi is a credit-card sized computer that plugs into your TV and a keyboard. It’s a capable little PC which can be used for many of the things that your desktop PC does, like spreadsheets, word-processing and games. It also plays high-definition video. The design is based around a Broadcom BCM2835 SoC, which includes an ARM1176JZF-S 700 MHz processor, VideoCore IV GPU, and 512 Megabytes of RAM. The design does not include a built-in hard disk or solid-state drive, instead relying on an SD card for booting and long-term storage. This board is intended to run Linux kernel based operating systems.
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/atmega.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(2)"></i>
</button>
<p>
<h2>ATMEGA-16</h2>
The high-performance, low-power Atmel 8-bit AVR RISC-based microcontroller combines 16KB of programmable flash memory, 1KB SRAM, 512B EEPROM, an 8-channel 10-bit A/D converter, and a JTAG interface for on-chip debugging. The device supports throughput of 16 MIPS at 16 MHz and operates between 4.5-5.5 volts. By executing instructions in a single clock cycle, the device achieves throughputs approaching 1 MIPS per MHz, balancing power consumption and processing speed.
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/magnetometer.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(3)"></i>
</button>
<p>
<h2>MAGNETOMETER</h2>
Description: This is Honeywell’s HMC5883L, a 3-axis digital magnetometer designed for low-field magnetic sensing. The sensor has a full-scale range of ±8 Guass and a resolution of up to 5 milli-Gauss.Supplied voltage should be between 2.16 and 3.6VDC.Communication with the HMC5883L is simple and all done through an I2C interface. All registers and operating modes are well described in the datasheet below.Comes in a low-height, LCC surface mount package. For a breakout board, see below.Features:Simple I2C interface,2.16-3.6VDC supply range,Low current draw,5 milli-gauss resolution,Dimensions: 3.0x3.0x0.9mm.
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/encoders.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(4)"></i>
</button>
<p>
<h2>ENCODERS</h2>
Description: This 1024 pulse per rotation rotary encoder outputs gray code which you can interpret using a microcontroller and find out which direction the shaft is turning and by how much. This allows you to add feedback to motor control systems. Encoders of this kind are often used in balancing robots and dead reckoning navigation but it could also be used as a very precise input knob. Features:Resolution: 1024 Pulse/Rotation,Input Voltage: 5 - 12VDC,Maximum Rotating Speed: 6000rpm,Allowable Radial Load: 5N,Allowable Axial Load: 3N,Cable Length: 50cm,Shaft Diameter: 6mm
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/mega.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(5)"></i>
</button>
<p>
<h2>MICROCONTROLLER BOARD</h2>
The Arduino duemilanove ATmega2560 is a low-power CMOS 8-bit microcontroller based on the AVR enhanced RISC architecture. By executing powerful instructions in a single clock cycle, the ATmega 2560achieves throughputs approaching 1 MIPS per MHz allowing the system designer to optimize power consumption versus processing speed. It also possesses a large 256 kb of flash and 83 data lines which played a key role in driving many peripherals like motor drivers ,sensors etc.
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/linesensor.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(6)"></i>
</button>
<p>
<h2>LINE SENSOR</h2>
Line sensors are used for sensing white line on dark surface or black line on light surface. This line sensor board has seven line sensors connected together. These sensors working together can follow any curved or zigzag path. The multiple sensors can even detect nodes and move on the maze of white or black lines. Line sensor consists of high intensity red LED for illumination and directional photo transistor for line sensing. Phototransistor consists of a photo transistor and convex lens. Because of the precise alignment between lens and photo transistor it has a very narrow viewing angle of 5 degrees. This makes the line sensor highly immune to ambient light. This sensor gives 0.18 volts on bright surface and gives 2.2V or more on the dark surface. Its output is analog in nature. Because of analog output one can write complex algorithm to follow white line using microcontroller
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/hvmotor.JPG" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(7)"></i>
</button>
<p>
<h2>H BRIDGE MOTOR BOARD</h2>
An H-bridge is an electronic circuit which enables a voltage to be applied across a load in either direction. These circuits are often used in robotics and other applications to allow DC motors to run forwards and backward
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/battery.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(8)"></i>
</button>
<p>
<h2>BATTERIES</h2>
Because we had to access many sensors drives, we found it best to use multiplexers in our pcbs. this made our number of read strobes vastly increase. ICs used were 1>4067 analogue multiplexer (16 channel to 1) 2> 75hc15n digital multiplexer (8 channel to 1).
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/pcb.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(9)"></i>
</button>
<p>
<h2>PCB's</h2>
Because we had to access many sensors drives, we found it best to use multiplexers in our pcbs. this made our number of read strobes vastly increase. ICs used were 1>4067 analogue multiplexer (16 channel to 1) 2> 75hc15n digital multiplexer (8 channel to 1).
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/ps3.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(10)"></i>
</button>
<p>
<h2>PS3 GAMEPAD</h2>
We used a PS3 remote to operate our Manual Robot. The manual robot was actually the same robot which was used to build the khafraa pyramid by burning a different program in the microcontroller. This different program made Arduino to read values from the PS3 gamepad. The PS3 was connected to the microcontroller with the help of an Arduino USB module.
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/usbarduino.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(11)"></i>
</button>
<p>
<h2>ARDUINO USB MODULE</h2>
The Arduino USB module makes Arduino Duemilanove capable of reading the Serial values sent via USB port from the PS3 remote. There is separate library to use this PS3 with the help of Arduino USB module. So, USB cable from the PS3 is connected to this USB module which in turn connected to Arduino in which respective instructions can be given as per input from the PS3. This data from the PS3 is then processed in microcontroller to control the speed of the robot using Pulse Width Modulation (PWM). Pulse-width modulation (PWM) of a signal or 27 power source involves the modulation of its duty cycle, to control the amount of power sent to the load. H-Bridges were used to drive the motor
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/usbarduino.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(12)"></i>
</button>
<p>
<h2>SENSORS</h2>
The Arduino USB module makes Arduino Duemilanove capable of reading the Serial values sent via USB port from the PS3 remote. There is separate library to use this PS3 with the help of Arduino USB module. So, USB cable from the PS3 is connected to this USB module which in turn connected to Arduino in which respective instructions can be given as per input from the PS3. This data from the PS3 is then processed in microcontroller to control the speed of the robot using Pulse Width Modulation (PWM). Pulse-width modulation (PWM) of a signal or 27 power source involves the modulation of its duty cycle, to control the amount of power sent to the load. H-Bridges were used to drive the motor
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/omniwheel.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(13)"></i>
</button>
<p>
<h2>OMNIWHEELS</h2>
Omni wheels or poly wheels, similar to Mecanum wheels, are wheels with small discs around the circumference which are perpendicular to the rolling direction. The effect is that the wheel will roll with full force, but will also slide laterally with great ease, employed in holonomic drive systems.
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/gearmotor.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(14)"></i>
</button>
<p>
<h2>PLANETARY GEAR MOTOR</h2>
Compact, and yet extremely powerful, are the units of the 300 Planetary gear motor series. Their planetary drive train makes them the ideal choice for all the severe duty applications where shock loadings and impacts are more the rule than the exception. The product configuration is highly versatile, due to several options as far as the mounting, the gear layout, the output shaft and the motor interface. All the features are available for each of the 18 finely spaced frame sizes, spanning over the 1.000 - Finding the perfect match to any drive problem is therefore more than a wish, it is something users can safely rely on - always.1.400.000 Nm torque range.
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/valve.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(15)"></i>
</button>
<p>
<h2>SOLENOID VALVE</h2>
A solenoid valve is an electromechanically operated valve. The valve is controlled by an electric current through a solenoid: in the case of a two-port valve the flow is switched on or off; in the case of a three-port valve, the outflow is switched between the two outlet ports. Multiple solenoid valves can be placed together on a manifold. Solenoid valves are the most frequently used control elements in fluidics. Their tasks are to shut off, release, dose, distribute or mix fluids. They are found in many application areas. Solenoids offer fast and safe switching, high reliability, long service life, good medium compatibility of the materials used, low control power and compact design.
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/actutator.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(16)"></i>
</button>
<p>
<h2>PNEUMATIC ACUTATOR</h2>
A pneumatic actuator converts energy (typically in the form of compressed air) into mechanical motion. The motion can be rotary or linear, depending on the type of actuator. A Pneumatic actuator mainly consists of a piston, a cylinder, and valves or ports. The piston is covered by a diaphragm, or seal, which keeps the air in the upper portion of the cylinder, allowing air pressure to force the diaphragm downward, moving the piston underneath, which in turn moves the valve stem, which is linked to the internal parts of the actuator. Pneumatic actuators may only have one spot for a signal input, top or bottom, depending on action required. Valves require little pressure to operate and usually double or triple the input force. The larger the size of the piston, the larger the output pressure can be. Having a larger piston can also be good if air supply is low, allowing the same forces with less input.
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/imgprocess.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(17)"></i>
</button>
<p>
<h2>IMAGE PROCESSING</h2>
We are working on computer vision and image processing using OpenCV for object detection,tracking and Trajectory Prediction.The main aim is to predict the trajectory of Shuttle Cock by tracking the initial path using Different Image Processing Techniques.In order to improve the FPS we are using Hardware Accelerated Approach. OpenCL and CUDA are being used. IDE used is Microsoft Visual Studio Express 2012.
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/atmegacode.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(18)"></i>
</button>
<p>
<h2>ATMEGA PROGRAMMING</h2>
This year we are Interfacing Sensors with ATMega 16 because of higher Efficiency,Clock Speed and Flexibility. All the programming on ATMega is done using ATMel Studio 6.0. ATMega programming is based on C Language. For making the Programming Easy we have built a library using which one can upload a code in ATMega using Syntax and functions of Arduino Programming Interface. We are also working on a communication Protocol using which all the Input and Output tasks will be performed by Arduino/ATMel while the processing will be done by Raspberry PI.
</p>
</div>
</div>
</div>
<div class="qview">
<div class="qviewele">
<div class="qviewimgdiv">
<img src="img/lib/arduinocode.jpg" alt="">
</div>
<div class="qviewinfo">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true" onclick="hideQview(19)"></i>
</button>
<p>
<h2>ARDUINO PROGRAMMING</h2>
Navigation of the robots is done using Arduino Microcontrollers . All the programming of it is done using Arduino IDE. Various Machine Learning and Control Algorithms are being used for navigation of the Robot.PS2 controller is also Interfaced with Arduino for Manually Controlling The Bots.
</p>
</div>
</div>
</div>
<!--Electronics Library-->
<div class="electronics">
<div class="libheadimg">
<h2>ELECTRONICS LIBRARY</h2>
</div>
<div class="images-stuff">
<div class="inner">
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(0)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/arduinodue.jpg">
</div>
<div class="imghead"><span>OMNI WHEELS</span></div>
</div>
</div>
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(1)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/rpi2.jpg">
</div>
<div class="imghead"><span>RASPBERRY PI</span></div>
</div>
</div>
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(2)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/atmega.jpg">
</div>
<div class="imghead"><span>AT MEGA-16</span></div>
</div>
</div>
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(3)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/magnetometer.jpg">
</div>
<div class="imghead"><span>MAGNETOMETER</span></div>
</div>
</div>
</div>
<div class="inner">
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(4)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/encoders.jpg">
</div>
<div class="imghead"><span>ENCODERS</span></div>
</div>
</div>
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(5)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/mega.jpg">
</div>
<div class="imghead"><span>MICROCONTROLLER BOARD</span></div>
</div>
</div>
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(6)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/linesensor.jpg">
</div>
<div class="imghead"><span>LINE SENSOR</span></div>
</div>
</div>
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(7)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/hvmotor.JPG">
</div>
<div class="imghead"><span>H BRIDGE MOTOR DRIVER</span></div>
</div>
</div>
</div>
<div class="inner">
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(8)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/battery.jpg">
</div>
<div class="imghead"><span>BATTERIES</span></div>
</div>
</div>
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(9)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/pcb.jpg">
</div>
<div class="imghead"><span>PCBs</span></div>
</div>
</div>
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(10)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/ps3.jpg">
</div>
<div class="imghead"><span>PS3 GAMEPAD</span></div>
</div>
</div>
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(11)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/usbarduino.jpg">
</div>
<div class="imghead"><span>ARDUINO USB MODULE</span></div>
</div>
</div>
</div>
<div class="inner">
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(12)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/rpi2.jpg">
</div>
<div class="imghead"><span>SENSORS</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mechanical">
<div class="libheadimg">
<h2>MECHANICAL LIBRARY</h2>
</div>
<div class="images-stuff">
<div class="inner">
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(13)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/omniwheel.jpg">
</div>
<div class="imghead"><span>OMNIWHEELS</span></div>
</div>
</div>
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(14)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/gearmotor.jpg">
</div>
<div class="imghead"><span>PLANETARY GEAR MOTOR</span></div>
</div>
</div>
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(15)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/valve.jpg">
</div>
<div class="imghead"><span>SOLENOID VALVE</span></div>
</div>
</div>
</div>
<div class="inner">
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(16)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/actutator.jpg">
</div>
<div class="imghead"><span>PNEUMATIC ACTUATOR</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="programming">
<div class="libheadimg">
<h2>PROGRAMMING LIBRARY</h2>
</div>
<div class="images-stuff">
<div class="inner">
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(17)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/imgprocess.jpg">
</div>
<div class="imghead"><span>IMAGE PROCESSING</span></div>
</div>
</div>
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(18)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/atmegacode.jpg">
</div>
<div class="imghead"><span>AT MEGA PROGRAMMING</span></div>
</div>
</div>
</div>
<div class="inner">
<div class="container">
<div class="element" id="omni">
<div class="imgdiv" onclick="showQview(19)">
<button class="zoom"><i class="fa fa-search-plus fa-2x"></i></button>
<img class="libimg" src="img/lib/arduinocode.jpg">
</div>
<div class="imghead"><span>ARDUINO PROGRAMMING</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="js/library.js"></script>
</body>
</html>