-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
168 lines (144 loc) · 7.46 KB
/
index.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
<!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 name="description" content="">
<meta name="author" content="">
<link rel="icon" href="">
<title>Simulation packaging</title>
<!-- Bootstrap core CSS -->
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="carousel.css" rel="stylesheet">
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="#">CodeForVision</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
</ul>
<!-- <form class="form-inline mt-2 mt-md-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form> -->
</div>
</nav>
</header>
<main role="main">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="first-slide" src="img/box2.jpg" alt="First slide">
<div class="container">
<div class="carousel-caption text-left">
<h1 class="bold">OPTIMAL PACKAGING SOLUTION</h1>
<p>A packaging simulation that automatically designs the optimal package for your product.</p>
</div>
</div>
</div>
<div class="carousel-item">
<img class="second-slide" src="img/box3.jpg" alt="Second slide">
<div class="container">
<div class="carousel-caption">
<h1 style="text-align: left; font-size: 4rem">COST EFFECTIVE</h1>
<p></p>
<!-- <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p> -->
</div>
</div>
</div>
<div class="carousel-item">
<img class="third-slide" src="img/box1.jpg" alt="Third slide">
<div class="container">
<div class="carousel-caption text-right">
<h1 style="font-size: 4rem ;text-align:left;">SUSTAINABLE</h1>
<p></p>
<!-- <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p> -->
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="container marketing">
<!-- Three columns of text below the carousel -->
<div class="row">
<div class="col-lg-4">
<img class="rounded-circle" src="img/primary.jpg" alt="Generic placeholder image" width="140" height="140">
<h4>Primary packaging </h4>
<a class="btn btn-secondary" href="new.html" role="button">View details »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="rounded-circle" src="img/secondary.jpg" width="140" height="140">
<h4>Secondary packaging</h4>
<a class="btn btn-secondary" href="secondary.html" role="button">View details »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="rounded-circle" src="img/tertiary.jpg" alt="Generic placeholder image" width="140" height="140">
<h4>Transit Packaging</h4>
<a class="btn btn-secondary" href="tertiary.html" role="button">View details »</a></p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
<!-- START THE FEATURETTES -->
<hr class="featurette-divider" id="feat">
<div style="padding:20px;">
<h1>Optimized products</h1></div>
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Marie Light<!-- <span class="text-muted">It'll blow your mind.</span> --></h2>
<p class="lead">Made from the choicest golden wheat. Enriched with natural wheat fibre. Light and crispy biscuits are perfect with your cup of tea. They promise you good health in every bite as they contain 0% transfat and 0% cholesterol.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-fluid mx-auto" src="img/marielight.jpg" alt="Generic placeholder image">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading">Savlon<!-- <span class="text-muted">See for yourself.</span> --></h2>
<p class="lead">Savlon is a brand of antiseptic pharmaceutical products manufactured by GlaxoSmithKline. Commonly sold as a cream, the product range also includes antiseptic sprays, adhesive bandages and other antiseptic products.</p>
</div>
<div class="col-md-5 order-md-1">
<img class="featurette-image img-fluid mx-auto" src="img/savlon.jpg" alt="Generic placeholder image">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Aashirvaad<!-- <span class="text-muted">Checkmate.</span> --></h2>
<p class="lead">In May 2002, ITC made its entry in the branded Atta segment and within a short period of time became the number one branded packaged atta across the country. AASHIRVAAD promises you only the most delightful rotis straight from your kitchen complete with your love and care through your preparation.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-fluid mx-auto" src="img/aash.png">
</div>
</div>
<hr class="featurette-divider">
<!-- /END THE FEATURETTES -->
</div><!-- /.container -->
<!-- FOOTER -->
<footer class="container">
<p class="float-right"><a href="#">Back to top</a></p>
<p>© 2017-2018 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
</footer>
</main>
<!--scripts-->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="dist/js/bootstrap.min.js"></script>
</body>
</html>