Add files via upload

soumya43 · Sep 23, 2023 · 41c3e22 · 41c3e22
1 parent ce64cd2
commit 41c3e22
Show file tree

Hide file tree

Showing 27 changed files with 1,536 additions and 0 deletions.
diff --git a/professional project/GOOGLE.jpeg b/professional project/GOOGLE.jpeg
diff --git a/professional project/MICROSOFT.jpeg b/professional project/MICROSOFT.jpeg
diff --git a/professional project/THE FINAL PROJECT.html b/professional project/THE FINAL PROJECT.html
@@ -0,0 +1,232 @@
+<!---Log-in-->
+<!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">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
+  <link rel="stylesheet" href="/doc.css">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
+  <link rel="stylesheet" href="doc2.css">
+  <script src="owl.carousel.min.js"></script>
+  <title>MY PROFILE</title>
+
+</head>
+
+<body>
+  <header>
+    <div class="logo">
+      <a href="#"><img src="/webbbbbb.png" alt="logo" height="250vh" class="src"></a>
+    </div>
+    <input type="checkbox" id="click">
+    <label for="click" class="mainicon">
+      <div class="menu">
+        <i class="bi bi-list"></i>
+      </div>
+    </label>
+    <nav>
+      <a href="#" class="active">Home</a>
+      <a href="#about">About</a>
+      <a href="#services">Services</a>
+      <a href="#review">Review</a>
+      <a href="#contact">Contact</a>
+    </nav>
+  </header>
+
+
+  <section>
+    <div class="main">
+      <div class="detail">
+        <h1><span>Hi, It's Me</span> <br> I'm <span style="color:#00E8F8;">soumya</span></h1>
+        <p>HERE I WILL SHOW YOU MY FIRST WEBPAGE, IN THIS PAGE I USED HTML,CSS & JAVASCRIPT </p>
+        <div class="social">
+          <a href="#"><i class="bi bi-github"></i></a>
+          <a href="https://instagram.com/_.soumya.18_?utm_source=qr&igshid=MzNlNGNkZWQ4Mg%3D%3D"><i class="bi bi-instagram"></i></a>
+          <a href="https://www.linkedin.com/in/soumyaranjan-mohanty-726451287"><i class="bi bi-linkedin"></i></a>
+          <a href="#"><i class="bi bi-facebook"></i></a>
+        </div>
+      </div>
+      <div class="images">
+        <img src="london photo (3).png" width="400" height="450" alt="">
+      </div>
+    </div>
+  </section>
+
+  <!---About Me-->
+  <section id="about">
+    <div class="about-me">
+      <div class="icon">
+        <img src="htmlpic-modified (1).png" width="300" height="500" alt="">
+      </div>
+      <div>
+        <h2>About <span style="color:#00E8F8">Me</span></h2>
+        <p>My name is soumya ranjan mohanty,i'm from cuttack manglabg, i studdied 10th at S.S.V.M college square cuttack, now im studing at driems polytechnic,tangi
+          MY hobbies is to be playing cricket and coding new program. Aim is to be a good website devloper.....Thank You to visite my website and support.... 
+        </p>
+        <div class="contact">
+          <span><i class="bi bi-telephone-fill"></i></span>7008257625
+          <span><i class="bi bi-envelope-check-fill"></i></span>[email protected]
+        </div>
+      </div>
+    </div>
+  </section>
+
+
+  <!-- --Services Section--->
+  <section id="services" id="services">
+    <div class="Services">
+      <h2>Our <span style="color: #00E8F8;">Services</span></h2>
+      <div class="services-box">
+        <div class="info-box">
+          <i class="bi bi-code-slash"></i>
+          <h3>Web Development</h3>
+          <p>This is My first step to devlop the web</p>
+        </div>
+        <div class="info-box">
+          <i class="bi bi-wordpress"></i>
+          <h3>Webdesign Development</h3>
+          <p>Encoding to coding is my passion</p>
+        </div>
+        <div class="info-box">
+          <i class="bi bi-bar-chart-fill"></i>
+          <h3>SEO</h3>
+          <p>please read more about SEO</p>
+
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!--Project & Review Section-->
+  <div class="container project" id="review">
+    <h2>Project & <span style="color:#00E8F8"> Review</span></h2>
+    <div class="owl-carousel owl-theme carousal-control">
+      <div class="item image-control">
+        <div class="rating">
+          <div>
+            <img src="GOOGLE.jpeg" alt="logo">
+          </div>
+          <div>
+            <h3>GOOGLE</h3>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+          </div>
+        </div>
+        <p>Internet connection measurement for developers
+          Speedtest CLI brings the trusted technology and global server network behind Speedtest to the command line. Built for software developers, system administrators and computer enthusiasts alike, Speedtest CLI is the first official Linux-native Speedtest application backed by Ookla®. 
+        </p>
+      </div>
+      <div class="item image-control">
+        <div class="rating">
+          <div>
+            <img src="/MICROSOFT.jpeg" alt="logo">
+          </div>
+          <div>
+            <h3>MICROSOFT</h3>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+          </div>
+        </div>
+        <p>
+          Try Microsoft 365 for free
+Get Microsoft Teams, secure cloud storage and premium apps across devices with a free one-month Microsoft 365 Business Standard trial.</p>
+      </div>
+      <div class="item image-control">
+        <div class="rating">
+          <div>
+            <img src="AWS.jpeg" alt="">
+          </div>
+          <div>
+            <h3>AWS</h3>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+          </div>
+        </div>
+        <p>With AWS Application Composer, the process of building a serverless application becomes much easier. In this post we show how to build a prototype application to easily analyze meetup data. </p>
+      </div>
+      <div class="item image-control">
+        <div class="rating">
+          <div>
+            <img src="wipro-HCL.jpg" alt="">
+          </div>
+          <div>
+            <h3>WIPRO</h3>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+            <span><i class="bi bi-star-fill"></i></span>
+          </div>
+        </div>
+        <p>For business leaders looking to drive digital and business transformation, go FullStride.
+
+          Todays CXO conversation is focused on delivering transformational business outcomes in the cloud. And Wipro FullStride Cloud's deep engineering and infrastructure experience uniquely positions Wipro as a strategic partner of choice.
+          For ecosystem orchestration that drives next-level experiences and innovation, go FullStride.
+
+          For operational efficiency and sustainability, go FullStride. 
+
+          To unlock data insights with AI and ML to create full-stack, cloud-native enterprises, go FullStride. 
+
+          To truly thrive in the cloud, go FullStride</p>
+      </div>
+    </div>
+  </div>
+
+  <!--Contct Us-->
+  <section class="contact-form" id="contact">
+    <h2>Leave <span style="color: #0deb0d">Massage</span></h2>
+    <form action="#">
+      <div class="input-data">
+        <input type="text" name="firstName" placeholder="First Name">
+        <input type="text" name="lastName" placeholder="Last Name">
+      </div>
+      <div class="input-data">
+        <input type="email" name="email" placeholder="Email">
+        <input type="tel" name="number" max="10" placeholder="Phone No">
+      </div>
+      <textarea name="massage" placeholder="Write Massage" rows="10"></textarea>
+      <input type="submit" value="Send" class="send">
+    </form>
+  </section>
+
+</body>
+<script>
+
+  $('.owl-carousel').owlCarousel({
+    loop: true,
+    margin: 10,
+    responsiveClass: true,
+    responsive: {
+      0: {
+        items: 1,
+        nav: false
+      },
+      600: {
+        items: 2,
+        nav: false
+      },
+      1000: {
+        items: 2,
+        nav: false,
+        loop: true,
+        autoplay: true,
+        autoplayTimeout: 3000,
+        autoplayHoverPause: true
+      }
+    }
+  })
+
+</script>
+
+</html>
diff --git a/professional project/final/AWS.jpeg b/professional project/final/AWS.jpeg
diff --git a/professional project/final/GOOGLE.jpeg b/professional project/final/GOOGLE.jpeg
diff --git a/professional project/final/MICROSOFT.jpeg b/professional project/final/MICROSOFT.jpeg
diff --git a/professional project/final/README.md b/professional project/final/README.md
@@ -0,0 +1 @@
+# final