Assignment1-HTML-CSS/index.html at master · vishalsingh31/Assignment1-HTML-CSS · GitHub

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
<!DOCTYPE html>
<html>
<head>  <!--Head Section Starts Here  -->
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/text.css">
	<link rel="stylesheet" type="text/css" href="css/960_12_col.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<title>Homepage-VS Solutions</title>
</head>   <!--Head Section Ends Here  -->
<body>  <!--Body Section Starts Here  -->
	<div class="container_12"> <!--Container 12 is used  -->
		<header class="grid_12">  <!--960 Framework (Grid 12) is used  -->
			<h1>VS Solutions</h1>
			<nav>
				<ul>
					<li><a href="index.html" class="selected">Home</a></li>
					<li><a href="#">Login</a></li>
					<li><a href="#">Projects</a></li>
					<li><a href="product.html">Products</a></li>
					<li><a href="#">Purchase</a></li>
					<li><a href="#">About Us</a></li>
				</ul>
			</nav>
			<hr>
		</header>
		<div class="grid_12 hero">  <!--Hero Image of the page  -->
			<img src="img/HeroImage.jpg">
			<p></p>
		</div>
		<hr>
		<div class="grid_12">
			<blockquote>
				<h1>We don’t make customers happy.We make happy customers</h1>
			</blockquote>
		</div>
		<hr>
		<div class="main grid_12 clearfix">    <!--Main Content Section divided into 3 grids-->
			<div class="grid_4 services_section alpha">
				<img src="img/services1_image.jpg">
				<h2>Services We Offer</h2>
				<p>We engage both the software and the quality of high caliber personnel to provide the best IT solutions to all the customers. We offer software services with high performance standards, broad skill sets and Global exposure.</p>
				<p><a href="#">Continue Reading</a></p>
			</div>
			<div class="grid_4 mission_section">
				<img src="img/mission_image.jpg">
				<h2>Our Mission</h2>
				<p>Our mission is to enhancing the business growth of our customers with creative Design and Development to deliver market-defining high-quality solutions that create value and reliable competitive advantage for our clients around the world.</p>
				<p><a href="#">Continue Reading</a></p>
			</div>
			<div class="grid_4 partners_section omega">
				<img src="img/partners2_image.png">
				<h2>Our Partners</h2>
				<p>Our close partnerships with software vendors such as Microsoft, Sun, HP and Splunk afford us a competitive advantage in having our software development teams being in the loop on real-world projects involving new and un-released technologies.</p>
				<p><a href="#">Continue Reading</a></p>
			</div>
		</div>
		<hr>
		<div class="news_section grid_12 clearfix"> <!--Another section containing two vertical sections and second section divided into 3 rows  -->
			<div class="grid_4 alpha">
				<h2>Latest News</h2>
				<img src="img/news.PNG">
				<h3><a href="#">VS Solutions-Ranked in Top 100 companies to do Buisiness With-By TOI</a></h3>
				<p>VS Solutions provides efficient buisiness solutions to its customers since 2008.The Times of India recently made an survey in which VS Solutions is ranked in top 10 software companies to do buisiness with and</p>
				<p><a href="#">Read More</a></p>
			</div>
			<div class="news_section_list grid_8 omega">
				<div class="grid_8">
					<h3><a href="#">VS Solutions Launch $10 Million Fund Targeting Software Startups</a></h3>
					<p>Leaders Fund is in discussions with several potential portfolio companies and plans to announce a few investments in the coming weeks.</p>
					<p><a href="#">Read More</a></p>
				</div>
				<div class="grid_8">
					<h3><a href="#">Company Profit Meets Forecasts on Surge in Digital Deals</a></h3>
					<p>Increased outsourcing of digital technology services by western companies helped VS Solutions Ltd, India's largest software services exporter, post a 14.5 per cent rise in quarterly net profit, meeting market expectations.</p>
					<p><a href="#">Read More</a></p>
				</div>
				<div class="grid_8">
					<h3><a href="#">Company To Continue Scouting For Acquisitions, Says Chief Executive</a></h3>
					<p>Days after it announced takeover of UK-based Target Group for 120 million pounds, the company on Thursday said it will continue to scout for companies and listed out digital technologies as a key focus area.</p>
					<p><a href="#">Read More</a></p>
					<h4><a href="#">Click here for more latest news</a></h4>
				</div>
			</div>
		</div>
		<hr>
		<footer>  <!--Footer Section Starts Here  -->
			<div class="grid_12">
				<div class="grid_2 alpha footer_first_section">
					<ul>
					<li>Company</li>
					<li><a href="#">Overview</a></li>
					<li><a href="#">Value Proposition</a></li>
					<li><a href="#">IP Protection & Data</a></li>
					<li><a href="#">Security</a></li>
					<li><a href="#">Locations</a></li>
					<li><a href="#">Contact Us</a></li>
					</ul>
				</div>
				<div class="grid_2">
					<ul>
					<li>Software & Solutions</li>
					<li><a href="#">Overview</a></li>
					<li><a href="#">Technology</a></li>
					<li><a href="#">Industry Solutions</a></li>
					</ul>
				</div>
				<div class="grid_2">
					<ul>
					<li>Services</li>
					<li><a href="#">Overview</a></li>
					<li><a href="#">Application Development</a></li>
					<li><a href="#">Cloud Computing</a></li>
					<li><a href="#">Product Development</a></li>
					<li><a href="#">Application Testing</a></li>
					</ul>
				</div>
				<div class="grid_2">
					<ul>
					<li>Success Stories</li>
					<li><a href="#">Case Studies</a></li>
					<li><a href="#">Careers</a></li>
					<li><a href="#">Getting Hired</a></li>
					<li><a href="#">Open Positions</a></li>
					<li><a href="#">Blog</a></li>
					</ul>
				</div>
				<div class="grid_4 omega footer_last_section">
				<ul class="first_list">
					<li><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook-official fa-2x" aria-hidden="true"></i></a></li>  <!--Social Icons are used  -->
					<li><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a></li>
					<li><a href="#" data-toggle="tooltip" title="LinkedIn"><i class="fa fa-linkedin fa-2x" aria-hidden="true"></i></a></li>
					<li><a href="#" data-toggle="tooltip" title="Google +"><i class="fa fa-google-plus fa-2x" aria-hidden="true"></i></a></li>
				</ul>
				<ul>
					<li><h2>VS Solutions</h2></li>
					<li>copyright@2014 VS Solutions</li>
					<li><a href="#">Private Policy</a></li>
					<li><a href="#">Terms of Use</a></li>
				</ul>
				</div>
			</div>
		</footer>  <!--Footer Section Ends Here  -->
	</div>
</body>  <!--Body Section Starts Here  -->
</html>