-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathpractical-9.html
91 lines (86 loc) · 5.25 KB
/
practical-9.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Practical-9</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="practical-9.css">
</head>
<body>
<!-- adding navbar -->
<div id="navbar">
<input type="checkbox" id="check">
<label for="check" class="show-btn">
<i class="fa fa-bars"></i>
</label>
<ul>
<a href="index.html" class="first-element"><li>HOME</li></a>
<a href="#about"><li>ABOUT US</li></a>
<a href="#team"><li>TEAM</li></a>
<a href="#tech"><li>TECHNOLOGIES</li></a>
<a href="#contact"><li>CONTACT</li></a>
<label for="check" class="hide-btn">
<i class="fa fa-window-close"></i>
</label>
</ul>
</div>
<!-- front image of page -->
<a name="top"><img id="front-image" src="images\front image.jpg"></a>
<!-- team details -->
<a name="team"><h1>Team Members</h1></a>
<div id="photos">
<img src="images\member-1.png">
<img src="images\member-2.png">
<img src="images\member-3.png">
<img src="images\member-4.png">
</div>
<!-- about us section -->
<div id="about">
<a name="about"><h1>About us</h1></a>
<div id="left">
<p class="para" style="font-size: 130%;">About Projects</p>
<p class="para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime consequuntur sapiente explicabo neque quos ab reiciendis earum quaerat placeat beatae dignissimos provident eius laborum, quo saepe odit natus est deleniti eligendi optio nemo commodi laudantium. Sed accusantium porro inventore corrupti perferendis saepe! Harum, eveniet. Aperiam, eligendi. Repellendus autem labore commodi quo magni nesciunt, dolor sint, dolore consequatur quia error natus vero debitis! Recusandae culpa temporibus voluptatem, quod inventore fuga cupiditate maiores, nulla error autem eveniet? Quibusdam delectus corporis, molestiae porro, unde dolores recusandae natus veniam reiciendis illo facere tempore! Ea esse consequatur officia incidunt, eum commodi placeat eligendi laudantium asperiores voluptates impedit a animi ad, dicta sint odio. Dicta architecto cupiditate repellendus porro eveniet nobis vitae rem. Harum excepturi velit repudiandae vitae, recusandae totam eos nulla blanditiis nesciunt molestiae atque dicta, perferendis provident alias accusantium dolor nisi assumenda, incidunt minus adipisci nihil ipsum eaque. In enim, quis sit modi cum praesentium esse doloribus totam ducimus nesciunt nemo labore eligendi corrupti, quos consectetur, quae sequi ut officia vero! Aperiam, incidunt illo ipsam nulla quis magni distinctio mollitia dolor amet corporis ullam quisquam omnis voluptate? Corporis soluta tenetur porro sed natus iste accusamus et dicta, iure, aspernatur voluptatum optio repellendus similique nesciunt laboriosam ea nihil eaque numquam molestias aliquam odio eveniet odit. Perferendis nulla rem, quae assumenda commodi autem veritatis voluptatibus minima ullam adipisci quidem, illo nobis ex quas ipsa et. Voluptatibus quisquam, architecto animi eaque exercitationem, facilis adipisci soluta minima ipsa quae dignissimos iure.</p>
</div>
<div id="right">
<img src="images\project-1 image.jpg">
<img src="images\project-2 image.jpeg">
<img src="images\project-3 image.jpg">
</div>
</div>
<!-- technology section -->
<a name="tech"><h1>Technologies Used</h1></a>
<div id="container">
<!-- HTML box -->
<div class="box">
<img src="images/html_img.png" alt="HTML image">
<p>HTML stands for Hyper Text Markup Language. It is used to design web pages using markup language ...</p>
<a href="introduction_HTML.html" target="_blank">Read more</a>
</div>
<!-- CSS box -->
<div class="box">
<img src="images/css_img.jpg" alt="CSS image">
<p>Cascading Style Sheets, fondly referred to as CSS, is a simply designed language intended to simplify... </p>
<a href="introduction_CSS.html" target="_blank">Read more</a>
</div>
<!-- Javascript box -->
<div class="box">
<img src="images/javascript_img.jpg" alt="Javascript image">
<p>JavaScript is a lightweight, cross-platform and interpreted scripting language. It is well-known for the...</p>
<a href="introduction_JS.html" target="_blank">Read more</a>
</div>
<!-- Bootstrap box -->
<div class="box">
<img src="images/bootstrap_img.jpg" alt="Bootstrap image">
<p>Bootstrap is a free and open-source tool collection for creating responsive websites and web applications ...</p>
<a href="introduction_bootstrap.html" target="_blank">Read more</a>
</div>
</div>
<!-- contact section -->
<a name="contact"><h1>Contact</h1>
<div id="contact">
<p style="padding-bottom: 10px;">Website Template with responsiveness for Practical-9</p>
<a href="#top"><p>Back to top</p></a>
</div></a>
</body>
</html>