CSS OUTPUT

Yash22222 · Sep 24, 2023 · 11ecc71 · 11ecc71
1 parent 119ba40
commit 11ecc71
Show file tree

Hide file tree

Showing 3 changed files with 163 additions and 0 deletions.
diff --git a/WCN LABS/EXP 2/EXP 2 WCNL OT.pdf b/WCN LABS/EXP 2/EXP 2 WCNL OT.pdf
diff --git a/WCN LABS/EXP 2/index (1).html b/WCN LABS/EXP 2/index (1).html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Yash Ashok Shirsath</title>
+  <link rel="stylesheet" href="style (1).css">
+ <script src="script.js"></script>
+
+  <h2>Hello Myself</h2>
+  <p>Yash Ashok Shirsath</p>
+
+  <img src="https://yashshirsath.infobay.in/Photo%20reel.png" alt="Yash Ashok Shirsath" style="width:500px;height:200px;">
+
+  <h2>Follow Me On <a href="www.linkedin.com/in/yash-shirsath-cr49" target="_blank">Linkedin</a> </h2>
+</p>
+
+  <h2>I am Working as <em>Data & Business Analyst</em> </h2>
+  </p>
+  <p><strong>And My Domain is Data Science & Machine Lerning.</strong></p>
+
+
+
+  <h2>My Experience</h2>
+  <table>
+    <tr>
+      <th>Current Company Name</th>
+      <th>Position</th>
+    </tr>
+    <tr>
+      <td>HackerBro Technologie</td>
+      <td>Red Teaming Intern</td>
+
+    </tr>
+  </table>
+
+  <h2>My Skills</h2>
+  <ul>
+    <li>1] Python 2] My SQL 3] Tableau 4] Power Bi 5] Ms Excel</li>
+  </ul>
+
+  <h2>My Portfolio</h2>
+  <iframe src="https://yashshirsath.infobay.in/"></iframe>
+
+  <h2>Contact Me</h2>
+  <form>
+    <label for="name">Name:</label>
+    <input type="text" id="name" name="name" required><br>
+    <label for="email">Email:</label>
+    <input type="email" id="email" name="email" required><br>
+    <label for="subject">Subject:</label>
+    <input type="text" id="submit" name="email" required><br>
+    <input type="submit" value="Submit">
+  </form>
+
+
+</body>
+</html>
diff --git a/WCN LABS/EXP 2/style (1).css b/WCN LABS/EXP 2/style (1).css
@@ -0,0 +1,107 @@
+/* style.css */
+
+body {
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  background-color: #f2f2f2;
+  color: #333;
+  line-height: 1.6;
+  margin: 0;
+  padding: 0;
+}
+
+.container {
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 20px;
+}
+
+h1, h2, h3 {
+  margin-top: 0;
+  color: #007bff;
+}
+
+p {
+  font-size: 18px;
+  margin-bottom: 20px;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 50%;
+  margin-top: 10px;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+table {
+  border-collapse: collapse;
+  width: 100%;
+  margin-bottom: 20px;
+}
+
+th, td {
+  border: 1px solid #ccc;
+  padding: 10px;
+  text-align: left;
+}
+
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+ul li {
+  margin-bottom: 10px;
+}
+
+iframe {
+  width: 100%;
+  height: 400px;
+  border: none;
+  margin-top: 10px;
+}
+
+form {
+  margin-top: 20px;
+}
+
+label {
+  display: block;
+  font-weight: bold;
+  margin-bottom: 5px;
+}
+
+input[type="text"],
+input[type="email"],
+textarea {
+  width: 100%;
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  margin-bottom: 10px;
+}
+
+input[type="submit"] {
+  background-color: #007bff;
+  color: #fff;
+  border: none;
+  padding: 10px 20px;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background-color 0.2s ease-in-out;
+}
+
+input[type="submit"]:hover {
+  background-color: #0056b3;
+}
+
+/* Additional styles can be added as needed */