diff --git a/css/new-style.css b/css/new-style.css new file mode 100644 index 0000000..c269927 --- /dev/null +++ b/css/new-style.css @@ -0,0 +1,115 @@ +html { + font-size: 10px; +} + +@font-face { + font-family: main-font; + src: url("../fonts/Roboto-Regular.ttf"); +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: main-font; +} + +.header-section { + background-image: linear-gradient(to right, #434343 0%, black 100%); + min-height: 100vh; +} + +.header-section, .header-content-container { + display: flex; + align-items: center; + justify-content: center; +} + +.header-content-container { + width: 85%; + justify-content: space-around; + background-color: #fff; + padding: 1rem; + border-radius: .5rem; +} + +.header-content { + width: 45%; +} + +.full-name { + font-size: 3rem; +} + +.position { + font-size: 1.5rem; +} + +.skills-title { + font-size: 1.5rem; +} + +.skills { + margin: .5rem 0; + font-size: 1.4rem; +} + +.social-media-icons-container { + margin: 1rem 0 0; + max-width: 70%; + display: flex; + align-items: center; +} + +.social-media-icon{ + margin: 0 .5rem; +} + +.social-media-icon > i{ + font-size: 2.5rem; + color: #123456; +} + +.line-break { + display: block; + margin: .5rem 0; + width: 100%; + padding: .5px 0; + background-color: #000; + border-radius: 1rem; +} + +.header-image-container { + max-width: 45%; + display: flex; + align-items: center; + justify-content: center; + border-radius: 1rem; + padding: 1rem; + background-color: #000; +} + +.header-image { + position: relative; + max-width: 100%; + max-height: 40rem; + border-radius: 1rem; +} + +.information-container { + margin: 1rem 0; + display: flex; + max-width: 100%; + display: flex; + align-items: center; +} + +.information-title, .information-value { + font-size: 1.4rem; +} + +.information-value { + margin-left: .5rem; + color: #123456; + text-decoration: none; +} \ No newline at end of file diff --git a/fonts/Roboto-Regular.ttf b/fonts/Roboto-Regular.ttf new file mode 100644 index 0000000..ddf4bfa Binary files /dev/null and b/fonts/Roboto-Regular.ttf differ diff --git a/index.html b/index.html index b015a17..ba766f7 100644 --- a/index.html +++ b/index.html @@ -1,470 +1,88 @@ - -
- - - -- Hi, My name is amir mahdi kahdouii, junior Full-Stack Developer. - I love Coding, having challenge and solve problems. - TeamWork lover and ready for learn new stuff. -
-For Team Works, Soft Skills of Programmer is so important and it helps to have better exprience in your - team.
-+ Python, Django, Object Oriented Programming (OOP), + SQL, MySQL, Testing (Unittest, Pytest) +
+
OUR LATEST FEATURED PROJECTS
-This is our resume and some of projects that we have do!
-