-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (95 loc) · 5.68 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Made In India</title>
<link rel="stylesheet" type="text/css" href="style.css">
<!--Bootstrap CDN CSS link-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" integrity="sha384-Bfad6CLCknfcloXFOyFnlgtENryhrpZCe29RTifKEixXQZ38WheV+i/6YWSzkz3V" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Merienda+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html"><span id="orange">Made</span> <span id="blue">In</span> <span id="green">India</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav m-auto">
<li class="nav-item active">
<a class="nav-link mx-3" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link mx-3" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link mx-3" href="#products">Products</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="body-header text-center">
<h1 id="heading">Made In India</h1>
</div>
</header>
<div class="container">
<section id="about">
<div class="about-heading">
<h1 class="text-center">About</h1>
</div>
<div class="row align-items-center">
<div class="col-md-5 text-center">
<img class="img-thumbnail about-img" src="images/about.jpg" alt="">
</div>
<div class="col-md-6 text-center">
<p class="about-para">Make in India was launched by the Government of India on 25 September 2014 to encourage companies to manufacture their products in India and incentivize with dedicated investments into manufacturing.The policy approach was to create a conducive environment for investments, develop modern and efficient infrastructure, and open up new sectors for foreign capital. The initiative targeted 25 economic sectors for job creation and skill enhancement, and aimed "to transform India into a global design and manufacturing hub"</p>
</div>
</div>
</section>
<section id="products">
<div class="section-heading">
<h1 class="text-center">Products made in India</h1>
</div>
<div class="product-sectors">
<div class="card">
<img class="card-img-top" src="images/food_and_drinks.jpg" alt="Card image">
<div class="card-body">
<h5 class="card-title">Food and Beverages</h5>
<a href="food&beverages.html" class="btn btn-dark">View All <i class="fas fa-chevron-right"></i></a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="images/electronics.jpg" alt="Card image">
<div class="card-body">
<h5 class="card-title">Electronics</h5>
<a href="electronics.html" class="btn btn-dark">View All <i class="fas fa-chevron-right"></i></a>
</div>
</div>
<div class="card" >
<img class="card-img-top" src="images/daily products.JPG" alt="Card image">
<div class="card-body">
<h5 class="card-title">Daily Use products</h5>
<a href="dailyProducts.html" class="btn btn-dark">View All <i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
</section>
</div>
<footer>
<div class="container">
<p>Copyright © 2020, All Rights Reserved</p>
<p>MADE WITH <i class="fas fa-heart"></i> IN INDIA</p>
</div>
</footer>
<!--Bootstrap CDN JS link-->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>