diff --git a/css/style.css b/css/style.css index d17d83a..46bb42d 100644 --- a/css/style.css +++ b/css/style.css @@ -1,9 +1,139 @@ body { - background-color: navy; + background-color: whitesmoke; + color: #4e4e4e; + } +.header{ + background-color: whitesmoke; + color: darkcyan; + font-size: 120%; + font-weight: bold; + font-style: italic; + } + + .header2{ + background-color: whitesmoke; + color: darkcyan; + font-size: 90%; + font-weight: bold; + font-style:italic; + } + + .header3{ + color: whitesmoke; + font-size:140%; + font-style: initial; + } + + .header4{ + color: whitesmoke; + font-size:90%; + font-style: initial; + } + + .header5{ + color: whitesmoke; + font-size:110%; + font-style: initial; + } + + #t2 { + background-color: whitesmoke; + color: darkcyan; + font-size:110%; + font-style: oblique; + tab-size:36; + } + + .text1{ + background-color: whitesmoke; + color: slategray; + font-size:90%; + font-style: oblique; + } +.about-mf .about-img { + margin-bottom: 2rem; + color:white; +} + +.about-mf .about-img img { + margin-left: 5px; + background-color: darkcyan; +} + +.skill-mf span { + color: whitesmoke; + font-display: Bold; + font-family: Arial, Helvetica, sans-serif; +} + + +.skill-mf .progress { + margin:4px auto; + padding:-10; + width:80%; + height:10px; + overflow:hidden; + background:#e5e5e5; + margin-left: 5px; + border-radius:6px; + +} + +.skill-mf .progress .progress-bar { + height: .7rem; + background-color: lightblue; +} + +/*--/ Div left and right /--*/ +.wrapper{ +position:relative; +} +.right,.left{ + +position:absolute; +} +.right{ +right:20px; +width:70%; +border-style: ridge; +border-radius: 8px; +} +.left{ +left:10px; +width:25%; +background-color:cadetblue ; +color: white; +border-style: ridge; +border-radius: 8px; +} + +.lefttop{ + left:10px; + width:25%; + background-color:beige ; + color: white; + border-style: ridge; + border-radius: 8px; + } object { - height: 100vh; - width: 100vh; + height: 20vh; + width: 70vh; +/*--/ image /--*/ +.center { +display: block; + margin-left: auto; + margin-right: auto; + width: 40%; +} +.logo { +width:7%; +margin: 10px; +} + +/*--/ wording /--*/ +.title-s { + font-weight: bold; } diff --git a/img/Deepti.png b/img/Deepti.png new file mode 100644 index 0000000..8acd908 Binary files /dev/null and b/img/Deepti.png differ diff --git a/img/Phone.png b/img/Phone.png new file mode 100644 index 0000000..5f7802e Binary files /dev/null and b/img/Phone.png differ diff --git a/img/degree.png b/img/degree.png new file mode 100644 index 0000000..e5cbaf7 Binary files /dev/null and b/img/degree.png differ diff --git a/img/mail.png b/img/mail.png new file mode 100644 index 0000000..7b8d552 Binary files /dev/null and b/img/mail.png differ diff --git a/img/mailI.png b/img/mailI.png new file mode 100644 index 0000000..1b70ece Binary files /dev/null and b/img/mailI.png differ diff --git a/img/phoneII.png b/img/phoneII.png new file mode 100644 index 0000000..cd49c04 Binary files /dev/null and b/img/phoneII.png differ diff --git a/img/profile.png b/img/profile.png new file mode 100644 index 0000000..8cf75d3 Binary files /dev/null and b/img/profile.png differ diff --git a/index.html b/index.html index 4dc0c72..6701daf 100644 --- a/index.html +++ b/index.html @@ -18,28 +18,11 @@ - - - - - - - - - - - - - The quickest of brown foxes. - - - -