Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum voluptates provident molestias a
- animi facilis iusto voluptatum repellat eligendi consequatur distinctio placeat mollitia veritatis
- recusandae, ad, quasi commodi enim quos! Quasi aspernatur veniam, blanditiis sint necessitatibus dicta
- libero voluptatibus reiciendis asperiores nemo maiores ducimus corrupti magnam error voluptatum ab velit.
-
-
-
-
\ No newline at end of file
From 0df9c1a5d0b7e1f8edbf155ff30784268ff8fc98 Mon Sep 17 00:00:00 2001
From: im-subhadeep <121448320+im-subhadeep@users.noreply.github.com>
Date: Tue, 28 Mar 2023 21:33:07 +0530
Subject: [PATCH 2/4] Delete style.css
---
style.css | 98 -------------------------------------------------------
1 file changed, 98 deletions(-)
delete mode 100644 style.css
diff --git a/style.css b/style.css
deleted file mode 100644
index 7e137a6..0000000
--- a/style.css
+++ /dev/null
@@ -1,98 +0,0 @@
-*{
- margin: 0;
- padding: 0; /* providing default margin and padding to be 0 */
-}
-
-/* home page styling */
-
-.homePage{ /* selecting div with class "homePage" and adding styling to it */
- display: flex; /* creating a flex box */
- justify-content: space-around;
- height: 100vh;
- align-items: center;
-}
-
-.myImage img{ /* selecting div with class "myImage" then navigating to img tag inside it, and adding styling to it */
- height: 18rem;
- width: auto;
- border-radius: 1rem;
-}
-
-.name{ /* selecting div with class "name" and adding styling to it */
- font-size: 3rem;
-}
-
-.intro p{ /* selecting div with class "intro" then navigating to p tag inside it, and adding styling to it */
- font-size: 2rem;
- line-height: 3rem;
-}
-
-.your_button{ /* selecting button with class "your_button" and adding styling to it */
- font-size: 1rem;
- padding: 5px;
- cursor: pointer;
- background-color: rgb(42, 42, 255);
- border-radius: 5px;
- width:100px;
- height:50px;
- border:2px solid white;
- color:white;
- text-transform: capitalize;
-}
-.your_button:hover{ /* here we add a special animation to button when it is hovered (hover: when a cursor roams in the specified setion it is the hover state for that element) */
-
- box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
-}
-/* about me */
-.about{ /* selecting div with class "about" and adding styling to it */
- min-height: 60vh;
-}
-
-.about_heading{ /* selecting div with class "about_heading" and adding styling to it */
- font-size: 3rem;
- text-align: center;
- text-decoration: underline;
- font-weight:600;
-}
-
-/* contact */
-.contact_sec{ /* selecting div with class "contact_sec" and adding styling to it */
- height: 60vh;
- width:70vw;
- margin: 0 auto;
-}
-
-.contact_heading{ /* selecting div with class "contact_heading" and adding styling to it */
- font-weight:600;
- font-size: 3rem;
- text-align: center;
- text-decoration: underline;
-}
-
-.contact_info{ /* selecting div with class "contact_info" and adding styling to it */
- font-size:1.3em;
- font-weight: 600;
- margin-top:10vh;
-}
-.data{ /* selecting div with class "data" and adding styling to it */
- font-weight:initial;
-}
-
-.Email,.mobile_no,.linkdin,.github,.others{ /* selecting many divs with the class listed and adding same styling to all of them */
- padding:2vh 0;
-}
-
-span a{ /* selecting span and then navigating to a tag in it and adding styling to it */
- color:black;
-}
-
-span a:hover{ /* here we add a special animation to anchor tag when it is hovered (hover: when a cursor roams in the specified setion it is the hover state for that element) */
- color:blue;
-}
-
-
-.para{ /* selecting div with class "para" and adding styling to it */
- width:70vw;
- margin:8vh auto;
- font-size: 2em;
-}
\ No newline at end of file
From 25e5a3d860572c3295c0020e30d68d89d506fb6a Mon Sep 17 00:00:00 2001
From: im-subhadeep <121448320+im-subhadeep@users.noreply.github.com>
Date: Tue, 28 Mar 2023 21:34:23 +0530
Subject: [PATCH 3/4] first commit
---
about.css | 104 +++++++++++++++++
about.html | 52 +++++++++
app.css | 307 +++++++++++++++++++++++++++++++++++++++++++++++++
contact.css | 173 ++++++++++++++++++++++++++++
contact.html | 86 ++++++++++++++
education.css | 125 ++++++++++++++++++++
education.html | 89 ++++++++++++++
index.html | 95 +++++++++++++++
skill.css | 136 ++++++++++++++++++++++
skill.html | 55 +++++++++
10 files changed, 1222 insertions(+)
create mode 100644 about.css
create mode 100644 about.html
create mode 100644 app.css
create mode 100644 contact.css
create mode 100644 contact.html
create mode 100644 education.css
create mode 100644 education.html
create mode 100644 index.html
create mode 100644 skill.css
create mode 100644 skill.html
diff --git a/about.css b/about.css
new file mode 100644
index 0000000..af5ea59
--- /dev/null
+++ b/about.css
@@ -0,0 +1,104 @@
+*{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family : 'Josefin Sans' ,sans-serif;
+}
+.hero{
+ position:fixed;
+ height : 100vh;
+ width: 100%;
+ /* background-image: linear-gradient(rgba(0,0,0,0.3),transparent), url("https://i.postimg.cc/fWS1YJBr/7cb9631c-565b-4668-8a3b-a31a76158eb9.jpg");*/
+ background-image: linear-gradient(rgba(0,0,0,0.3),transparent), url("3409297.jpg");
+ background-position: center;
+ background-size: cover;
+ position:relative;
+ padding : 0 8%;
+}
+nav{
+ display : flex;
+ align-items : center;
+ justify-content : space-between;
+ /* padding-top : 45px;
+ padding-left : 8%;*/
+ padding-right : 8%;
+ padding-bottom: 10%;
+ background-color: transparent;
+ color: aliceblue;
+}
+nav ul li{
+ list-style-type : none;
+ display : inline-block;
+ padding : 10px 25px;
+}
+nav ul li a{
+ color : white;
+ text-decoration : none;
+ font-weight : bold;
+ text-transform : capitalize;
+}
+nav ul li a:hover{
+ color :#f9004d;
+ transition : .4s;
+}
+
+
+.about{
+ width : 100%;
+ padding : 100px 0px;
+ background-color: #191919;
+ background-image: url('https://i.postimg.cc/g04ZHXCs/misty-landscape-with-forest-covered-with-fog-dark-storm-clouds.jpg');
+
+}
+.about img{
+ height : auto;
+ width : 430px;
+}
+.about-text{
+ width : 550px;
+}
+.main{
+ width : 1130px;
+ max-width : 95%;
+ margin: 0 auto;
+ display: flex;
+ align-items: center;
+ justify-content : space-around;
+}
+.about-text h2{
+ color: white;
+ font-size: 75px;
+ text-transform: capitalize;
+ margin-bottom: 20px;
+}
+.about-text span{
+ color :#f9004d;
+}
+.about-text h5{
+ color : white;
+ letter-spacing : 2px;
+ font-size : 22px;
+ margin-bottom : 25px;
+ text-transform: capitalize;
+}
+.about-text p{
+ color : #fcfc;
+ letter-spacing: 1px;
+ line-height : 28px;
+ font-size : 18px;
+ margin-bottom : 45px;
+}
+.btn{
+ background-color: #f9004d;
+ color :white;
+ text-decoration : none;
+ border : 2px solid transparent;
+ font-weight: bold;
+ padding : 10px 25px;
+ border-radius : 30px;
+ transition: transform .4s;
+}
+
+.btn:hover{
+ transform: scale(1.2);
+}
\ No newline at end of file
diff --git a/about.html b/about.html
new file mode 100644
index 0000000..8982748
--- /dev/null
+++ b/about.html
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
+ About
+
+
+
+
+
+
+
+
+
+
+
+
About Me
+
Devloper & Problem-Solver
+
I am a current first year student at Indian Institute of Information Technology, Kalyani. I love
+ learning new things about computers. I love competitive programming and am learning more and more
+ about new things in computer science.
+
- 
+