From c4a9b8867ef87549f6c4ebbea0f0cb6090e3ac2e Mon Sep 17 00:00:00 2001 From: "Md. Basir Uddin" <71091599+basirbmbs@users.noreply.github.com> Date: Sun, 20 Sep 2020 21:06:03 +0600 Subject: [PATCH 1/3] Create Md. Basir Uddin --- Md. Basir Uddin | 1 + 1 file changed, 1 insertion(+) create mode 100644 Md. Basir Uddin diff --git a/Md. Basir Uddin b/Md. Basir Uddin new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/Md. Basir Uddin @@ -0,0 +1 @@ + From b1c5800a5de9dbdb217186b8148a7ce07a1fc2fc Mon Sep 17 00:00:00 2001 From: "Md. Basir Uddin" <71091599+basirbmbs@users.noreply.github.com> Date: Sun, 20 Sep 2020 21:57:08 +0600 Subject: [PATCH 2/3] Update index.html --- index.html | 446 ++++++++++++++++++++++------------------------------- 1 file changed, 186 insertions(+), 260 deletions(-) diff --git a/index.html b/index.html index f6da136..b050db6 100644 --- a/index.html +++ b/index.html @@ -1,295 +1,221 @@ - + - - - - - + + + + - - - - + + - - + My portfolio + + - - + + - - + + + - Portfolio - - -
-
-
- -
Portfolio
-
-
-
-
- About -
-
- Projects + +
+
+
+ +

My portfolio

-
- Social Media +
+
+
+ About +
+
+ My Project +
+
+ Social-Media +
+
+ Resume +
+
-
- Resume -
-
-
- -
-
-
-

Hello, I'm

-

Kamal Teja

-

Web Developer

-
-
- +
+
+
+

Hello, I'm

+

Basir Uddin

+

Web Developer

+
+
+ +
-
- -
-
-
- -
-
-

About Me

-

A little bit about me

-

- Lorem ipsum dolor sit amet consectetur, adipisicing elit. Debitis - eligendi natus, ex maiores - quaerat provident iusto tenetur vero - ipsum. Beatae expedita obcaecati odio dignissimos itaque nulla - voluptatum doloremque sed iusto! -

-
-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis - magni adipisci sunt eum, reprehenderit - dignissimos quaerat maiores ad. Magni, totam iure. Doloribus ea - molestiae deleniti excepturi iure neque, - harum illum! -

- +
+
+
+ +
+
+

About me

+

A little bit about me

+

Searching a job that offers the most congenial and rewarding atmosphere that helps bring out the best in me in order to utilize my full potentiality to render my best effort to the institution for the growth and development and to contribute + to the society as well.

+

Language Skill: CSS, HTML, JavaScript, C++

+ +
-
+
+
+

My Project

+
+
+
+ +
+ +
Html
- -
-

My Projects

-
-
-
- ... -
-
Messaging Web App
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

- See Project +

Some quick example text to build on the card title and make up the bulk of the card's content.

+ See project +
+
-
-
-
-
- ... -
-
Fitness Web App
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

- See Project +
+
+ +
+
CSS
+

Some quick example text to build on the card title and make up the bulk of the card's content.

+ See project +
+
-
-
-
-
- ... -
-
E-Commerce Platform
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

- See Project +
+
+ +
+
JavaScript
+

Some quick example text to build on the card title and make up the bulk of the card's content.

+ See project +
+
-
-
-
-
- ... -
-
Music Player
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

- See Project +
+
+ +
+
C++
+

Some quick example text to build on the card title and make up the bulk of the card's content.

+ See project +
+
-
-
-
-
- ... -
-
Photography Platform
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

- See Project +
+
+ +
+
Python
+

Some quick example text to build on the card title and make up the bulk of the card's content.

+ See project +
+
-
-
-
-
- ... -
-
Manga Scraping Web App
-

- Some quick example text to build on the card title and make up - the bulk of the card's content. -

- See Project +
+
+ +
+
PHP
+

Some quick example text to build on the card title and make up the bulk of the card's content.

+ See project +
+
-
-
-
-
- -
-
-

Social Media

-

Let's be friends

-
-
-
-
-

LinkedIn

-
-
- -
-
-
-
-
-
-

Github

-
-
- -
-
-
+
+
-
-
-
-

Youtube

-
-
- -
-
-
+ - - + + + + + + + + + From e6f2d12e1c84e694602dc24171476af6db0c96a8 Mon Sep 17 00:00:00 2001 From: "Md. Basir Uddin" <71091599+basirbmbs@users.noreply.github.com> Date: Sun, 20 Sep 2020 21:59:33 +0600 Subject: [PATCH 3/3] Update style.css --- style.css | 70 +++++++++++++++++++++++++++---------------------------- 1 file changed, 35 insertions(+), 35 deletions(-) diff --git a/style.css b/style.css index 7bcaf49..5d27c5c 100644 --- a/style.css +++ b/style.css @@ -1,72 +1,72 @@ -/* Global Properties */ +* { + margin: 0; + padding: 0; +} + html { - scroll-behavior: smooth; + scroll-behavior: smooth; } +@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap'); body { - background: #1f2235; - font-family: "Baloo Tamma 2", cursive; + background: #1f2235; + font-family: roboto mono, serif, cursive; } -/* Main Heading Font */ .m-heading { - font-family: "Roboto Slab", serif; + font-family: Roboto Slab, serif, Verdana, Geneva, Tahoma, sans-serif; } -/* Navigation */ .navigation-link { - border: 2px solid transparent; + border: 2px solid transparent; } .navigation-link:hover { - text-decoration: none; - border-bottom: 2px solid #f5ba09; - transition: 0.5s ease; + text-decoration: none; + border-bottom: 2px solid #bce409; + transition: .5s ease; } -/* Main Container height*/ .main-container { - height: 100vh; + min-height: 100vm; } -/* Aligning items in main row */ .main_row { - display: flex; - justify-content: center; - align-items: center; + display: flex; + justify-content: center; + align-items: center; } -/* Changing Name Font sixe */ .main_row h1 { - font-size: 5rem; + font-size: 5rem; } -/* Making the main image the size of the screen */ .main_row img { - width: auto; - height: 100vh; + width: auto; + height: 36.9rem; } -/* About Section */ -.about { - background: #313552; - border-radius: 0.5rem; +#about { + background: #313552; + border-radius: 0.5rem; } .card { - border-bottom: 8px solid #f5ba09; + border-bottom: 5px solid rgb(200, 218, 39); } -/* Social Media Section */ #social-media { - background: #313552; + background: #313552; } -/* Add color to Social Media Links */ .media_link { - padding: 1rem; - max-width: 15rem; - margin-left: 1rem; - border: 2px solid #f5ba09; - border-radius: 0.5rem; + padding: 1rem; + max-width: 15rem; + margin-left: 1rem; + border: 2px solid #f5ba09; + border-radius: 0.5rem; +} + +.ssc { + text-decoration: none; }