-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path4.project_1.html
89 lines (86 loc) · 6.05 KB
/
4.project_1.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body{
font-family: 'Arial'serif;
text-align: center;
margin: 0px;
}
img{
width: 340px;
height: 190px;
margin-right: 20px;
border: 3px,solid,black;
border-radius: 15px;
padding: 4px;
box-shadow: 0 0 10px black;
}
div{
padding: 10px;
}
p{
font-size: 18px;
line-height: 1.5;
}
</style>
<title>IT Software </title>
</head>
<body>
<div style="background-color: darkslategray; color: white;" >
<!--header section-->
<!--2- h1, paragraph -->
<h1>
<span style="color: violet;">IT</span>
<span style="color: yellow;">Software Solutions</span>
</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam tenetur fugiat accusantium enim ut repellat quis nam incidunt placeat possimus, perspiciatis voluptas. Reprehenderit, maxime! Nulla accusamus asperiores illum expedita rerum a at alias quod deleniti aspernatur, qui sapiente dolore pariatur reprehenderit nesciunt sit aperiam quo quasi molestias? Officiis, veniam quas perferendis qui iusto possimus fugiat. Cum iure odio dicta ex inventore eligendi, quo optio, consequuntur in unde quos porro deserunt?
</p>
</div>
<div style="background-color: lightgreen;">
<!-- team section-->
<h2>Our Team</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. In tenetur facere molestias distinctio similique quos enim ad consequuntur ullam nihil? Consequatur, molestias ipsum! Eum illo reiciendis exercitationem ratione molestiae, nostrum nulla qui consectetur, cumque mollitia quis unde natus saepe. Libero modi rem quaerat eius incidunt ducimus atque? Vitae exercitationem culpa, expedita laboriosam beatae cumque vero deserunt eaque sint, iure explicabo rerum doloribus quis ex fuga, vel excepturi illo facere quas officia facilis molestias. Alias, itaque natus tempora ab quod architecto voluptatem commodi sequi, quis optio omnis beatae explicabo velit soluta?</p>
<div>
<img src="images/team_1.jpg"alt="">
<img src="images/team_2.jpg"alt="">
<img src="images/team_3.jpg" alt="">
</div>
</div>
<div style="background-color: lightblue;">
<!--client section-->
<h2>Out Clients</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nulla, id recusandae? Officia dignissimos itaque veniam doloremque accusantium quaerat quae illo quibusdam harum molestias vero assumenda, suscipit cupiditate error soluta ipsa id consequuntur facere debitis vitae. Dolorum delectus, aspernatur nesciunt in molestiae incidunt odit obcaecati tempora facere provident quae, minima similique molestias ducimus fugiat illum! Laboriosam quod nemo amet et harum numquam accusantium debitis libero distinctio neque consequatur blanditiis sapiente dolorum quo quas magni, reprehenderit cupiditate modi odit voluptatem error eveniet cumque culpa commodi. Est voluptas ducimus, fugit rem, ex ipsam expedita saepe voluptatem impedit a quae sit, ab cum eius!</p>
<div>
<img src="images/client_1.jpg" alt="">
<img src="images/client_2.jpg" alt="">
<img src="images/client_3.jpg">
</div>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptatem autem eos consectetur delectus, nostrum quos, reiciendis omnis tenetur odio beatae nam, quo cum. Officiis, quasi facere nesciunt nam aspernatur voluptates hic perferendis tenetur modi accusamus saepe vero nisi ducimus necessitatibus dignissimos dolores praesentium autem, veritatis laboriosam. Placeat consectetur tempora a quia suscipit possimus voluptates fuga unde voluptate minus repudiandae est at itaque excepturi perferendis iste consequatur, non cupiditate provident ipsam autem delectus earum aliquid. Architecto eaque adipisci ad odit accusamus.</p>
</div>
<div style="background-color: lightcoral;">
<!--development section -->
<h2>What We Develop?</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci architecto quibusdam dolore nisi dignissimos perferendis quo asperiores omnis soluta, quam quidem explicabo veniam, nulla illo distinctio eum voluptate! Nesciunt suscipit incidunt porro placeat, facere repudiandae doloremque, tenetur dolore harum error, sequi dolores. Sint quidem hic soluta ipsum nostrum quo provident? Magnam molestias aspernatur molestiae perferendis, aliquam quo optio animi dolorem temporibus officiis ipsa tenetur nesciunt beatae similique esse eos sed! Iusto facilis dolor minus error debitis, asperiores labore ea sit corrupti qui, quod blanditiis exercitationem cumque sequi tempore quaerat ratione?</p>
<div>
<img src="images/developer_1.jpg"alt="">
<img src="images/developer_2.jpg"alt="">
<img src="images/developer_3.jpg"alt="">
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni ullam, delectus rem quidem nostrum unde deleniti iure illo. Fugit voluptatem esse laborum ipsa rerum, obcaecati aliquam. Iure, harum sunt error eligendi alias magnam laborum velit. Quae nulla dolorem, error beatae est repellat temporibus delectus nam? Quidem nostrum cum, culpa ratione et sed nihil dicta ipsum incidunt, molestiae excepturi, tenetur velit recusandae facilis. Excepturi, eius nostrum libero laudantium aperiam laborum doloribus ipsum quis voluptatum, officia hic ex molestiae nobis quidem suscipit.
</p>
</div>
<div style="background-color: darkslategray; color: white;">
<!--footer section-->
<h3>CopyRight © , IT Software Solutions
</h3>
All Rigths Reserved<br>
Designed & Developed by Pankaj Kumar Ravi
</div>
</body>
</html>