-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathmechanical.html
122 lines (101 loc) · 7.42 KB
/
mechanical.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
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mechanical | Drishti</title>
<link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,800,900" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/c_base.css" />
<script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables.");</script>
</head>
<body class="loading">
<div class="fab-container" style="width:100%;height: 100%;position: absolute">
</div>
<div id="bg-image"></div>
<svg class="hidden">
<symbol id="icon-arrow" viewBox="0 0 24 24">
<title>arrow</title>
<polygon points="6.3,12.8 20.9,12.8 20.9,11.2 6.3,11.2 10.2,7.2 9,6 3.1,12 9,18 10.2,16.8 "/>
</symbol>
<symbol id="icon-drop" viewBox="0 0 24 24">
<title>drop</title>
<path d="M12,21c-3.6,0-6.6-3-6.6-6.6C5.4,11,10.8,4,11.4,3.2C11.6,3.1,11.8,3,12,3s0.4,0.1,0.6,0.3c0.6,0.8,6.1,7.8,6.1,11.2C18.6,18.1,15.6,21,12,21zM12,4.8c-1.8,2.4-5.2,7.4-5.2,9.6c0,2.9,2.3,5.2,5.2,5.2s5.2-2.3,5.2-5.2C17.2,12.2,13.8,7.3,12,4.8z"/><path d="M12,18.2c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7c1.3,0,2.4-1.1,2.4-2.4c0-0.4,0.3-0.7,0.7-0.7c0.4,0,0.7,0.3,0.7,0.7C15.8,16.5,14.1,18.2,12,18.2z"/>
</symbol>
<symbol id="icon-cross" viewBox="0 0 24 24">
<title>cross</title>
<path d="M 5.5,2.5 C 5.372,2.5 5.244,2.549 5.146,2.646 L 2.646,5.146 C 2.451,5.341 2.451,5.659 2.646,5.854 L 8.793,12 2.646,18.15 C 2.451,18.34 2.451,18.66 2.646,18.85 L 5.146,21.35 C 5.341,21.55 5.659,21.55 5.854,21.35 L 12,15.21 18.15,21.35 C 18.24,21.45 18.37,21.5 18.5,21.5 18.63,21.5 18.76,21.45 18.85,21.35 L 21.35,18.85 C 21.55,18.66 21.55,18.34 21.35,18.15 L 15.21,12 21.35,5.854 C 21.55,5.658 21.55,5.342 21.35,5.146 L 18.85,2.646 C 18.66,2.451 18.34,2.451 18.15,2.646 L 12,8.793 5.854,2.646 C 5.756,2.549 5.628,2.5 5.5,2.5 Z"/>
</symbol>
<symbol id="icon-menu" viewBox="0 0 24 24">
<title>menu</title>
<path d="M23.8,6H0.1V3h23.7C23.8,3,23.8,6,23.8,6z M23.8,10.5H0.1v3h23.7C23.8,13.5,23.8,10.5,23.8,10.5z M24,18H10v3h14V18z"/>
</symbol>
<!-- Magnifier by Gregor Cresnar https://www.flaticon.com/authors/gregor-cresnar -->
<symbol id="icon-magnifier" viewBox="0 0 490.8 490.8">
<title>magnifier</title>
<path d="M364.8,299.55c46.3-75.8,36.9-176.3-28.6-241.9c-76.8-76.8-201.8-76.8-278.6,0s-76.8,201.8,0,278.5c65.5,65.5,166,74.9,241.9,28.6L412,477.25c18,18,47.3,18,65.3,0s18-47.3,0-65.3L364.8,299.55z M295.5,295.55c-54.4,54.4-142.8,54.4-197.1,0c-54.4-54.4-54.4-142.8,0-197.1c54.4-54.4,142.8-54.4,197.1,0C349.8,152.75,349.8,241.15,295.5,295.55z M220,171.95h59.4v45.3H220v59.4h-45.3v-59.4h-59.3v-45.3h59.4v-59.4h45.3v59.4H220z"/>
</symbol>
<main>
<div class="content">
<header class="codrops-header">
<h1 class="codrops-header__title">Mechanical</h1>
</header>
</div>
<button class="dummy-menu"><svg class="icon icon--menu"><use xlink:href="#icon-menu"></use></svg></button>
<div class="content">
<div class="grid">
<div class="grid__item">
<div class="product">
<div class="product__bg"></div>
<img class="product__img" src="images/" alt=""/>
<h2 class="product__title">Lathe Machining</h2>
<h3 class="product__subtitle"></h3>
<p class="product__description">Machining a given model</p>
<p class="product__details">Rules<br>
Given workpiece should be machined to the required shape within the allotted time. (2 hrs) <br>
A team of 2 members can participate.<br>
Machines and workpieces will be provided at the venue. <br>
The use of tools other than those given at the venue will not be allowed.<br>
Late submission of machined pieces will be rejected.<br>
<br> Coordinators decision will be final.</p>
<p class="product__contacts">Hariprasad PM - 9961924608 <br>Aravind krishnan - +917561816889<p>
<div class="product__price">Prize ₹ 10000</div>
</div>
</div>
<div class="grid__item">
<div class="product">
<div class="product__bg"></div>
<img class="product__img" src="images/mecha.jpg" alt=""/>
<h2 class="product__title">Mechathlon</h2>
<h3 class="product__subtitle">Mould the best from the worst</h3>
<p class="product__description">Design and fabricate a working model of a mechanism which will be specified on the spot.The model must be constructed using the given junk materials,tools and other accessories essential to its creation.The competition is held in two stages.In final stage the selected teams will be taken to mechanical workshop and will be asked to make a model from wood using the tools available in the workshop.</p>
<p class="product__details">Rules<br>
The teams may comprise of a maximum of five members.
<br> ●Students from any department can take part in the contest.
<br>●Students from different institutes can form a team.
<br>●Points from the written round will not be carried forward to the main event.
<br>●Only materials and facilities provided by the organizing team are to be used, violations will lead to disqualification, in cases where the organizing team feels that other materials are required, relaxations will be made.
<br>●Plagiarism will lead to disqualification.
<br>●No extra time will be allowed.
<br>●Decision of the organizing team will be final.
<br>●Please contact the event manager before making any assumptions in order to
avoid any cribs during the event.
<br>The organizers reserve all rights to change any of the above rules as they deem
fit. Changes in rules, if any, will be highlighted on the website."</p>
<p class="product__contacts">Sujeesh B 9020828527 <br>Nandana S Kumar 9447719405<p>
<div class="product__price">Prize ₹ 12000</div>
</div>
</div>
</div>
</div>
</main>
<script src="js/jquery.js"></script>
<script src="js/particles.min.js"></script>
<script src="js/velocity.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/anime.min.js"></script>
<script src="js/w_main.js"></script>
<script>
$('.fab-container').load('fab.html')
</script>
</body>
</html>