Spaces:
Running
Running
About DRC
Browse files- index.html +131 -18
index.html
CHANGED
|
@@ -1,20 +1,133 @@
|
|
| 1 |
-
<!DOCTYPE html>
|
| 2 |
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 20 |
</html>
|
|
|
|
|
|
|
| 1 |
<html>
|
| 2 |
+
<head>
|
| 3 |
+
<style>
|
| 4 |
+
* {
|
| 5 |
+
box-sizing: border-box;
|
| 6 |
+
}
|
| 7 |
+
|
| 8 |
+
.container {
|
| 9 |
+
width: 80%;
|
| 10 |
+
margin: 0 auto;
|
| 11 |
+
}
|
| 12 |
+
|
| 13 |
+
.header {
|
| 14 |
+
background-color: #333;
|
| 15 |
+
color: white;
|
| 16 |
+
padding: 20px;
|
| 17 |
+
font-family: Arial, sans-serif;
|
| 18 |
+
font-size: 24px;
|
| 19 |
+
}
|
| 20 |
+
|
| 21 |
+
.nav {
|
| 22 |
+
display: flex;
|
| 23 |
+
justify-content: space-between;
|
| 24 |
+
align-items: center;
|
| 25 |
+
background-color: #eee;
|
| 26 |
+
padding: 10px;
|
| 27 |
+
}
|
| 28 |
+
|
| 29 |
+
.nav a {
|
| 30 |
+
text-decoration: none;
|
| 31 |
+
color: #333;
|
| 32 |
+
font-family: Arial, sans-serif;
|
| 33 |
+
font-size: 18px;
|
| 34 |
+
}
|
| 35 |
+
|
| 36 |
+
.nav a:hover {
|
| 37 |
+
color: #999;
|
| 38 |
+
}
|
| 39 |
+
|
| 40 |
+
.main {
|
| 41 |
+
display: flex;
|
| 42 |
+
margin-top: 20px;
|
| 43 |
+
}
|
| 44 |
+
|
| 45 |
+
.sidebar {
|
| 46 |
+
width: 25%;
|
| 47 |
+
background-color: #f0f0f0;
|
| 48 |
+
padding: 20px;
|
| 49 |
+
}
|
| 50 |
+
|
| 51 |
+
.sidebar h3 {
|
| 52 |
+
font-family: Arial, sans-serif;
|
| 53 |
+
font-size: 20px;
|
| 54 |
+
color: #333;
|
| 55 |
+
}
|
| 56 |
+
|
| 57 |
+
.sidebar ul {
|
| 58 |
+
list-style-type: none;
|
| 59 |
+
padding-left: 0;
|
| 60 |
+
}
|
| 61 |
+
|
| 62 |
+
.sidebar li {
|
| 63 |
+
margin-bottom: 10px;
|
| 64 |
+
}
|
| 65 |
+
|
| 66 |
+
.sidebar li a {
|
| 67 |
+
text-decoration: none;
|
| 68 |
+
color: #333;
|
| 69 |
+
font-family: Arial, sans-serif;
|
| 70 |
+
font-size: 16px;
|
| 71 |
+
}
|
| 72 |
+
|
| 73 |
+
.sidebar li a:hover {
|
| 74 |
+
color: #999;
|
| 75 |
+
}
|
| 76 |
+
|
| 77 |
+
.content {
|
| 78 |
+
width: 75%;
|
| 79 |
+
padding: 20px;
|
| 80 |
+
}
|
| 81 |
+
|
| 82 |
+
.content h2 {
|
| 83 |
+
font-family: Arial, sans-serif;
|
| 84 |
+
font-size: 22px;
|
| 85 |
+
color: #333;
|
| 86 |
+
}
|
| 87 |
+
|
| 88 |
+
.content p {
|
| 89 |
+
font-family: Arial, sans-serif;
|
| 90 |
+
font-size: 16px;
|
| 91 |
+
color: #333;
|
| 92 |
+
line-height: 1.5;
|
| 93 |
+
}
|
| 94 |
+
</style>
|
| 95 |
+
</head>
|
| 96 |
+
<body>
|
| 97 |
+
<div class="container">
|
| 98 |
+
<div class="header">
|
| 99 |
+
<h1>My Company</h1>
|
| 100 |
+
</div>
|
| 101 |
+
<div class="nav">
|
| 102 |
+
<a href="#">Home</a>
|
| 103 |
+
<a href="#">About</a>
|
| 104 |
+
<a href="#">Services</a>
|
| 105 |
+
<a href="#">Contact</a>
|
| 106 |
+
</div>
|
| 107 |
+
<div class="main">
|
| 108 |
+
<div class="sidebar">
|
| 109 |
+
<h3>Latest News</h3>
|
| 110 |
+
<ul>
|
| 111 |
+
<li><a href="#">My Company wins a big contract</a></li>
|
| 112 |
+
<li><a href="#">My Company launches a new product</a></li>
|
| 113 |
+
<li><a href="#">My Company hires more staff</a></li>
|
| 114 |
+
<li><a href="#">My Company expands to new markets</a></li>
|
| 115 |
+
</ul>
|
| 116 |
+
<h3>Follow Us</h3>
|
| 117 |
+
<ul>
|
| 118 |
+
<li><a href="#">Facebook</a></li>
|
| 119 |
+
<li><a href="#">Twitter</a></li>
|
| 120 |
+
<li><a href="#">LinkedIn</a></li>
|
| 121 |
+
<li><a href="#">Instagram</a></li>
|
| 122 |
+
</ul>
|
| 123 |
+
</div>
|
| 124 |
+
<div class="content">
|
| 125 |
+
<h2>Welcome to My Company</h2>
|
| 126 |
+
<p>My Company is a leading provider of innovative solutions for various industries. We have been in business for over 10 years and have a proven track record of delivering high-quality products and services to our clients. We are passionate about what we do and always strive to exceed our customers' expectations.</p>
|
| 127 |
+
<p>At My Company, we value our people as our greatest asset. We have a diverse and talented team of experts who are committed to excellence and innovation. We offer a stimulating and rewarding work environment where everyone can grow and learn. We also believe in giving back to the community and supporting social causes that align with our vision and values.</p>
|
| 128 |
+
<p>If you are looking for a reliable and trusted partner for your next project, look no further than My Company. We have the experience, expertise and resources to handle any challenge and deliver outstanding results. Contact us today and let us help you achieve your goals.</p>
|
| 129 |
+
</div>
|
| 130 |
+
</div>
|
| 131 |
+
</div>
|
| 132 |
+
</body>
|
| 133 |
</html>
|