commit

Tejas021 · Nov 22, 2021 · 01b3543 · 01b3543
1 parent 2ad3b61
commit 01b3543
Show file tree

Hide file tree

Showing 31 changed files with 2,505 additions and 284 deletions.
diff --git a/components/About.js b/components/About.js
@@ -0,0 +1,83 @@
+import React from 'react'
+import styles from "./About.module.css"
+const About = () => {
+    return (
+        <div className={styles.a}>
+            <div className={styles.aLeft}>
+                <div className={styles.aBgCard}></div>
+                <div className={styles.aCard}>
+                    <img className={styles.aImg} src="/img/Me.jpeg"></img>
+                </div>
+            </div>
+            <div className={styles.aRight}>
+
+                <h2 className={styles.aTitle}>About Me</h2>
+                <p>about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me </p>
+               <div className={styles.aSocial}>
+
+
+               <svg
+  className="w-10 h-10 text-red-600 fill-current mr-5"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24">
+  <path
+    d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"
+  />
+</svg>
+
+<svg
+  className="w-10 h-10 text-red-600 fill-current mr-5"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24">
+  <path
+    d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"
+  />
+</svg>
+
+<svg
+  className="w-10 h-10 text-red-600 fill-current mr-5"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512">
+  <path
+    d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"
+  ></path>
+</svg>
+
+
+<svg
+  className="w-10 h-10 text-red-600 fill-current mr-5"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512">
+  <path
+    d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"
+  ></path>
+</svg>
+
+<svg
+  className="w-10 h-10 text-red-600 text-red-400 fill-current mr-5"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 496 512">
+  <path
+    d="M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z"
+  ></path>
+</svg>
+
+<svg
+  className="w-10 h-10 text-red-600 fill-current mr-5"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z"
+  />
+</svg>
+
+
+               </div>
+
+            </div>
+
+        </div>
+    )
+}
+
+export default About
diff --git a/components/About.module.css b/components/About.module.css
@@ -0,0 +1,60 @@
+.a {
+  display: flex;
+  height: 100vh;
+  align-items: center;
+}
+
+.aLeft {
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  height: 100%;
+  display: flex;
+}
+.aRight {
+  flex: 1;
+}
+
+.aCard {
+  width: 60%;
+  height: 70vh;
+
+  border-radius: 30px;
+  position: relative;
+  overflow: hidden;
+}
+
+.aBgCard {
+  width: 60%;
+  height: 70vh;
+  border-radius: 30px;
+
+  position: absolute;
+  top: 70px;
+  left: 70px;
+  background-color: black;
+}
+
+.aImg {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.aTitle {
+  font-size: 60px;
+  font-weight: 400;
+}
+
+.aSocial {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+  font-size: 50px;
+}
+
+.aIcon {
+}
diff --git a/components/Contact.js b/components/Contact.js
@@ -0,0 +1,74 @@
+import React from 'react'
+import styles from "./Contact.module.css"
+const Contact = () => {
+    return (
+        <div className={styles.c}>
+                      <div className={styles.cBg}></div>
+        <div className={styles.cWrapper}>
+
+            <div className={styles.cLeft}>
+
+
+                    <h1 className={styles.cTitle}>Hello, Lets Have a Talk !</h1>
+                <div className={styles.cInfo}>
+                    <div className={styles.cInfoItem}>
+                    <div className={styles.cIcon}>
+                    <svg xmlns="http://www.w3.org/2000/svg" className="h-7 w-7 text-red-600" viewBox="0 0 20 20" fill="currentColor">
+  <path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z" />
+</svg>
+                        </div>    
+
+
+                        +91 9527105923</div>
+                    <div className={styles.cInfoItem}>
+                  <div className={styles.cIcon}>
+                  <svg xmlns="http://www.w3.org/2000/svg" className="h-7 w-7 text-red-600" viewBox="0 0 20 20" fill="currentColor">
+  <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" />
+  <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
+</svg>
+                  </div>
+
+                        [email protected]</div>
+                    <div className={styles.cInfoItem}>
+                    <div className={styles.cIcon}>
+                    <svg xmlns="http://www.w3.org/2000/svg" className="h-7 w-7 text-red-600" viewBox="0 0 20 20" fill="currentColor">
+  <path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z" />
+</svg>
+                    </div>
+
+                        3/83 B Suragraj Anmol Society Uthkarshanagar Kuwarbav Ratnagiri</div>
+                </div>
+                </div>
+            <div className={styles.cRight}>
+
+
+                <form className="rounded-lg shadow-xl flex flex-col px-8 py-8 bg-white dark:bg-blue-500">
+      <h1 className="text-2xl font-bold dark:text-gray-50">Send a message</h1>
+
+      <label for="fullname" className="text-gray-500 font-light mt-8 dark:text-gray-50">Full name<span className="text-red-500 dark:text-gray-50">*</span></label>
+      <input type="text" name="fullname" className="bg-transparent border-b py-2 pl-4 focus:outline-none focus:rounded-md focus:ring-1 ring-red-600 font-light text-gray-500" />
+
+      <label for="email" className="text-gray-500 font-light mt-4 dark:text-gray-50">E-mail<span className="text-red-500">*</span></label>
+      <input type="email" name="email" className="bg-transparent border-b py-2 pl-4 focus:outline-none focus:rounded-md focus:ring-1 ring-red-600 font-light text-gray-500" />
+
+      <label for="subject" className="text-gray-500 font-light mt-4 dark:text-gray-50">Subject<span className="text-red-500">*</span></label>
+      <input type="text" name="subject" className="bg-transparent border-b py-2 pl-4 focus:outline-none focus:rounded-md focus:ring-1 ring-red-600 font-light text-gray-500" />
+
+      <label for="message" className="text-gray-500 font-light mt-4 dark:text-gray-50">Message<span className="text-red-500">*</span></label>
+      <textarea name="message" className="bg-transparent border-b py-2 pl-4 focus:outline-none focus:rounded-md focus:ring-1 ring-red-600 font-light text-gray-500"></textarea>
+      <div className="flex flex-row items-center justify-start">
+      <button className="bg-red-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-10">
+  Button
+</button>
+      </div>
+    </form>
+
+
+
+            </div>
+        </div>
+        </div>
+    )
+}
+
+export default Contact
diff --git a/components/Contact.module.css b/components/Contact.module.css
@@ -0,0 +1,55 @@
+.c {
+  height: 100vh;
+  position: relative;
+}
+
+.cBg {
+  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
+
+  position: absolute;
+  height: 100%;
+  width: 50%;
+  background-color: black;
+}
+
+.cWrapper {
+  display: flex;
+  padding: 50px;
+}
+
+.cLeft {
+  flex: 1;
+}
+
+.cRight {
+  flex: 1;
+}
+
+.cTitle {
+  position: absolute;
+  color: white;
+  font-size: 40px;
+  width: 80%;
+}
+
+.cInfo {
+  top: 200px;
+  height: 40%;
+  position: absolute;
+  color: whitesmoke;
+  font-size: 25px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.cInfoItem {
+  display: flex;
+  align-items: center;
+  width: 70%;
+  margin: 25px 0px;
+}
+
+.cIcon {
+  margin-right: 20px;
+}
diff --git a/components/Intro.js b/components/Intro.js
@@ -0,0 +1,39 @@
+
+import styles from "./Intro.module.css"
+const Intro = () => {
+    return (
+ <div className={styles.introWrapper}>
+
+<div className={styles.iLeft}>
+<div className={styles.leftDiv}>
+         <div className={styles.firstLine}><span className="">Hello there I am</span></div>
+         <h1 className={styles.name}>Tejas <span >Kolwankar</span></h1>
+         <div className={styles.intro}>
+         <div className={styles.titlesWrapper}>
+             <div className={styles.introItems}><p className="text-blue-600">React Developer</p></div>
+                 <div className={styles.introItems}><p className="text-yellow-600">Full Stack Developer</p></div>
+                 <div className={styles.introItems}><p className="text-gray-600">Machine Learning Enthusiast</p></div>
+                 <div className={styles.introItems}><p className="text-green-600">NodeJs Developer</p></div>
+                 <div className={styles.introItems}><p className="text-indigo-600">FrontEnd Developer</p></div>
+             </div>
+
+        </div>
+
+           <div className={styles.desc}>Hello there Hello thereHello thereHello there Hello there Hello there Hello there Hello there Hello there</div>
+     </div>
+
+</div>
+<div className={styles.iRight}>
+     <div className={styles.iBg}></div>
+     <img className={styles.iImg} src="/img/Me-modified.png"></img>
+     </div>
+
+
+
+
+
+ </div>
+    )
+}
+
+export default Intro