diff --git a/README.md b/README.md index a7ac464..050acda 100644 --- a/README.md +++ b/README.md @@ -1 +1 @@ -# rsschool-cv \ No newline at end of file +https://denS116.github.io/rsschool-cv/ \ No newline at end of file diff --git a/assets/image/2.jpg b/assets/image/2.jpg new file mode 100644 index 0000000..8d3a9dd Binary files /dev/null and b/assets/image/2.jpg differ diff --git a/assets/image/fone4.jpg b/assets/image/fone4.jpg new file mode 100644 index 0000000..ced69f8 Binary files /dev/null and b/assets/image/fone4.jpg differ diff --git a/assets/image/head3.jpg b/assets/image/head3.jpg new file mode 100644 index 0000000..83aaafe Binary files /dev/null and b/assets/image/head3.jpg differ diff --git a/assets/image/pac.ico b/assets/image/pac.ico new file mode 100644 index 0000000..af64f2b Binary files /dev/null and b/assets/image/pac.ico differ diff --git a/assets/image/rsschool.svg b/assets/image/rsschool.svg new file mode 100644 index 0000000..d54236a --- /dev/null +++ b/assets/image/rsschool.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + diff --git a/cv.md b/cv.md new file mode 100644 index 0000000..be3e05b --- /dev/null +++ b/cv.md @@ -0,0 +1,41 @@ +# Denis Suvorov +## Contacts +- **Location**: Cardiff, UK +- **Phone**: 07443 771289 +- **Email**: densuvorov116@gmail.com +- **GitHub**: [denS116](https://www.github.com/DenS116) +## About Me +Motivated and dedicated IT enthusiast seeking an entry-level position in [specific area of IT or desired role]. Eager to apply theoretical knowledge gained through coursework and self-study to contribute to the success of a dynamic and forward-thinking organization. +## Skils +- Git +- HTML +- SCC +- JavaScript +## Code Example + + +```javascript +let num1 = 10; +let num2 = 5; + +let sum = num1 + num2; +let difference = num1 - num2; +let product = num1 * num2; +let quotient = num1 / num2; + +console.log("Sum:", sum); +console.log("Difference:", difference); +console.log("Product:", product); +console.log("Quotient:", quotient); +``` + + +## Work Experience +- Unfortunately I don not have experience with IT at the moment +- Worked as cool system and air conditions engineer for 7 years +## Education +- Polytechnic College - Installation and technical operation of industrial equipment +## Languages +- **Russian** - Native +- **English** - Intermediate/Upper-intermediate according to the online test at **EFset** [efset.org](https://www.efset.org/) + diff --git a/index.html b/index.html new file mode 100644 index 0000000..f1fdcdd --- /dev/null +++ b/index.html @@ -0,0 +1,212 @@ + + + + + + + CV + + + + + + + +
+
+
+
+
+

Denis Suvorov

+

Front-end Developer

+
+
+
+ Denis +
+
+ +
+
+
+
+
+

About Me

+

+ Hi my name is Denis. I motivated and dedicated IT enthusiast + seeking an entry-level position in [specific area of IT or + desired role]. Eager to apply theoretical knowledge gained + through coursework and self-study to contribute to the success + of a dynamic and forward-thinking organization. +

+
+
+
+
+

Work Experience

+

+ Unfortunately I don not have experience with IT at the moment + but I have worked as cool system and air conditions engineer + for 7 years. +

+
+
+
+
+
+

Code Example

+
+ 
+                
+                  let num1 = 10; 
+                  let num2 = 5; 
+                  let sum = num1 + num2; 
+                  let
+                  difference = num1 - num2; 
+                  let product = num1 * num2; 
+                  let quotient = num1 / num2; 
+                  console.log("Sum:", sum);
+                  console.log("Difference:", difference);
+                  console.log("Product:", product); 
+                  console.log("Quotient:", quotient);
+                
+
+
+
+
+
+
+
+

Education

+

+ Polytechnic College - Installation and technical operation of + industrial equipment +

+
+
+
+
+
+

Language

+

Russian - Native

+

+ English - Intermediate/Upper-intermediate according to the + online test at + EFset +

+
+ Certificate EF +
+
+ +
+
+
+
+

Contacts

+
+

+ + +44 7443 771289 +

+
+

+   Cardiff UK +

+
+

+ Email + densuvorov116@gmail.com +

+
+

+ +   DenS116 + +

+
+ +
+
+

Skills

+

+   HTML +

+

+   Git Hub +

+

+   Java Script +

+

CSS

+
+
+ +
+
+

My projects

+

My CV

+

+ Plants rs school +

+
+
+
+
+
+ +
+ + diff --git a/style.css b/style.css new file mode 100644 index 0000000..5a3746f --- /dev/null +++ b/style.css @@ -0,0 +1,216 @@ +@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,500;0,700;1,100;1,300;1,500;1,700&display=swap"); + +html { + scroll-behavior: smooth; +} + +body { + font-family: "Roboto", sans-serif; + background-image: url("./assets/image/fone4.jpg"); + background-size: contain; + background-position: center; + background-size: cover; + background-repeat: no-repeat; + padding: 70px 0 0 0; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.container { + width: 800px; + height: 100%; + margin: 0 auto; + background: white; +} + +.header { + display: flex; + height: 150px; +} +h1 { + margin-bottom: -15px; +} +.header-left { + position: relative; + width: 70%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-end; + background: url("./assets/image/head3.jpg") no-repeat center center / cover; + padding: 0; + color: white; + margin-right: 5px; +} + +.header-left::after { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + padding: 0px; + background: #000; + opacity: 0.5; +} + +.name { + position: relative; + z-index: 1; + left: -15px; +} + +.header-right { + + display: flex; + width: 30%; + height: 100%; + padding: 0; +} + +.mainPhoto { + width: 100%; + height: 100%; + object-fit: cover; +} +nav { + margin: 0; + padding: 0; +} + +ul { + list-style: none; + background: #162c5b; + padding: 0; + margin: 0; +} + +ul li { + display: inline-block; + position: relative; +} + +ul li a { + display: block; + padding: 15px 28px; + color: #ffffff; + text-decoration: none; + text-align: center; + font-size: 11px; + transition: background 0.5s ease; +} + +a:hover { + background: #2a55b2; +} + +.content-wraper { + display: flex; + height: 100%; +} +.content { + position: relative; + width: 70%; + height: 100%; + padding: 35px 20px 0 25px; +} + +.sidebar { + padding: 20px; + display: flex; + flex-direction: column; + justify-content: left; + align-items: flex-start; + width: 30%; + height: 100%; + border-left: 3px solid #2a55b2; +} + +.underline { + width: 100%; + height: 0.05rem; + margin-top: 0.5rem; + margin-bottom: 1rem; + background-color: black; +} + +.hub { + background: none; + text-decoration: none; + color: #000; +} +.hub:hover { + background: none; + color: greenyellow; +} + +.sideList { + display: flex; + margin-top: 90px; + flex-direction: column; + justify-content: left; + align-items: flex-start; +} + +i { + line-height: 3; +} +.icon { + font-size: 20px; +} + +.about { + font-size: 18px; +} + +.work { + margin: 50px 0 0 0; +} + +.code { + background: rgb(205, 205, 205); +} + +.EF { + text-decoration: none; +} +.EF:hover { + background: none; + color: brown; +} + +.language { + + background-size: contain; + background-position: center; + background-size: cover; + width: 350px; + height: 350px; +} + +.foot { + display: flex; + padding: 0 50px 0 50px; + margin: 0; + justify-content: space-between; + align-items: center; + background: #162c5b; +} + +.git { + color: white; +} + +.year { + color: white; + font-size: 20px; +} + +p { + font-size: 18px; +} + +