-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathvision.html
More file actions
150 lines (141 loc) · 5.97 KB
/
vision.html
File metadata and controls
150 lines (141 loc) · 5.97 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Vision</title>
<!-- MDB icon -->
<!-- <link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon"> -->
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
<!-- Google Fonts Roboto -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Material Design Bootstrap -->
<link rel="stylesheet" href="css/mdb.min.css">
<!-- Your custom styles (optional) -->
<link rel="stylesheet" href="styleab.css">
<link rel="stylesheet" href="css/product.css">
</head>
<body style="overflow: hidden;">
<!-- Start your project here-->
<!--Navbar -->
<section class="pb-5">
<nav class="navbar navbar-1 navbar-expand-lg navbar-light fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">
<div class="logo">
<img class="logo" src="img/Logo with Side Text - White.png" style="width: 180px;"></div>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-4"
aria-controls="navbarSupportedContent-4" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent-4">
<ul class="navbar-nav ml-auto nav-items ">
<li class="nav-item">
<a class="nav-link m-1" href="team.html" style="color: #78b122;font-weight: 500;">
<p class="m-1">TEAM</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link m-1" href="vision.html" style="color: #78b122;font-weight: 500;">
<p class="m-1">VISION</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link m-1" href="product.html" style="color: #78b122;font-weight: 500;">
<p class="m-1">PRODUCTS</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link m-1" href="services.html" style="color: #78b122;font-weight: 500;">
<p class="m-1">SERVICE</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link m-1" href="index.html" style="color: #78b122;font-weight: 500;">
<p class="m-1">CONTACT</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link">
<img src="img/cart5.png">
</a>
</li>
</ul>
</div>
</div>
</nav>
</section>
<section class="container">
<div class="row">
<h1 class="mt-5 mx-auto text-dark">Vision</h1>
</div>
<div class="row">
<div class="left col mx-auto mt-sm-3">
<p class="left-text" style="font-weight: normal;text-align: justify;padding: 10px;">
We endeavour to infuse technology with agriculture to bring out a revolutionary change through product
development which can ramp up crop growth and harvest with minimal resources and capital . We want society to
dine with quality produce rich in nutrients and get rid of pesticides and other life threatening chemicals
that we get to tuck-in today. We also make it a goal to boost the income of our farmer community and make sure
they get their deserved remuneration.
</p>
</div>
<div class="col right mx-auto mt-sm-3">
<img src="img/field2.jpg" class="img-fluid" alt="Responsive image">
</div>
</div>
</section>
<div class="footer mb-3" style="position: relative; top: 50px; width: 100%;">
<footer class="text-center">
<a class="up-arrow" href="#myPage" data-toggle="tooltip" title="TO TOP">
<i class="fas fa-angle-up"></i> </a><br><br>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Social buttons -->
<ul class="list-unstyled list-inline text-center">
<li class="list-inline-item">
<a class="btn-floating btn-fb btn-lg mx-1">
<i class="fab fa-facebook-f"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-tw btn-lg mx-1">
<i class="fab fa-twitter"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-gplus btn-lg mx-1">
<i class="fab fa-google-plus-g"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-li btn-lg mx-1">
<i class="fab fa-linkedin-in"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-dribbble btn-lg mx-1">
<i class="fab fa-dribbble"> </i>
</a>
</li>
</ul>
<!-- Social buttons -->
</footer>
</div>
<!-- End your project here-->
<!-- jQuery -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- Your custom scripts (optional) -->
<script type="text/javascript"></script>
</body>
</html>