diff --git a/assets/css/santosh-magar.css b/assets/css/santosh-magar.css index ee841c5..7dca2d7 100644 --- a/assets/css/santosh-magar.css +++ b/assets/css/santosh-magar.css @@ -378,6 +378,7 @@ div.about-head:nth-child(2) { padding: 10px 10px 10px 0; } + .experience-collection-col-1 { display: flex; flex-direction: column; @@ -554,9 +555,13 @@ div.about-head:nth-child(2) { } /*---------------- section :: portfolio ----------------------- */ +#portfolio-page #portfolio { + padding: 150px 0; +} #portfolio { - padding-top: 100px; + padding: 100px 0; + background-color: #b4ddef9e; } #portfolio h2 { @@ -598,39 +603,49 @@ div.about-head:nth-child(2) { align-self: center; } -#other-info p { - padding: 10px; - text-align: center; - text-decoration: underline; -} -.ri-arrow-right-fill, -.ri-error-warning-fill { - font-size: 32px; - margin-left: 10px; +/* #portfolio>div:nth-child(1)>div:nth-child(1) { + margin-bottom: 40px; + padding: inherit; +} */ + +.btn-cv { + margin-left: 30px; } -.info-load>div { +.portfolio-list { display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 10px; + margin-top: 24px; + margin-bottom: 24px; } -.info-load>div p { - margin-left: auto; -} +.portfolio-item { + display: flex; + flex-direction: column; + margin: 10px; + width: 200px; + aspect-ratio: 16 / 9; + background-color: white; + border: 3px white; + overflow: hidden; -.ri-error-warning-fill { - margin-right: auto; } -#portfolio>div:nth-child(1)>div:nth-child(1) { - margin-bottom: 40px; - padding: inherit; +.portfolio-item-thumb { + position: relative; } -#portfolio ol li { - list-style: number; +.portfolio-item a { + margin: auto; + text-decoration: none; + color: rgb(49, 48, 48); + font-weight: 600; } + /*---------------- section :: contact content ----------------------- */ #contact { padding: 40px 25px; @@ -975,9 +990,15 @@ footer .cc-footer { .bg-1 { left: 40px } -} + .myexperience .experience-collection { + flex-direction: column; + } + .skills-collection { + grid-template-columns: auto + } +} /* #portfolio > div:nth-child(1) > div:nth-child(2) { display: none; diff --git a/assets/files/cv-santosh.pdf b/assets/files/cv-santosh.pdf index b5e3b45..d8358b2 100644 Binary files a/assets/files/cv-santosh.pdf and b/assets/files/cv-santosh.pdf differ diff --git a/assets/js/santosh-magar-js.js b/assets/js/santosh-magar-js.js index 191db40..4c917d5 100644 --- a/assets/js/santosh-magar-js.js +++ b/assets/js/santosh-magar-js.js @@ -4,7 +4,7 @@ let logos = ['logo-stmp-001.png', 'logo-stmp-002.png', 'logo-stmp-003.png', 'log var x = -1; setInterval(function () { x = (x === logos.length - 1) ? 0 : x + 1; - site_logo.src = 'assets/images/'.concat(logos[x]) + site_logo.src = '/assets/images/'.concat(logos[x]) }, 2000); @@ -22,18 +22,6 @@ $(".ham-list li").click(function () { $(".ham-list").addClass("ham-hide"); }); -// ---------------------click: load more ------------------------------- - -$("#btn_load_more").click(function () { - var html_content = '
No More Data ... comming soon ...