From a8ee2f4a3ca344e32a9fe9d18fdd0d2c21bf4a70 Mon Sep 17 00:00:00 2001 From: Sarthak Jain Date: Mon, 22 Apr 2024 00:31:55 +0530 Subject: [PATCH] conferences --- index.html | 113 ++++++++++++++++++++++++++++++------------------- package.json | 2 +- src/index.html | 113 ++++++++++++++++++++++++++++++------------------- src/style.scss | 4 +- style.css | 2 +- 5 files changed, 144 insertions(+), 90 deletions(-) diff --git a/index.html b/index.html index f85bb38..b34ea63 100644 --- a/index.html +++ b/index.html @@ -123,13 +123,15 @@

Sarthak Jain @@ -215,7 +217,7 @@

About Me ๐Ÿ‘จโ€๐Ÿ’ป

Hey internet user ๐Ÿ‘‹ I'm Sarthak Jain, Product Manager in Fintech ๐Ÿ’ฒ space. Understanding coding and business aspect of products is not just a career path for me, but also a passion of mine. - I like to build web-apps ๐ŸŒ, games ๐ŸŽฎ and solve user problems ๐Ÿง + I like to build web-apps ๐ŸŒ, games ๐ŸŽฎ, speak at conferences and solve user problems ๐Ÿง Really love to contribute in open source โค๏ธ and various communities of students & professionals. If you've made any cool projects, would really like to try it!! Recently, I've taken a keen interest in product management ๐Ÿ’ญ and data analytics ๐Ÿ“ˆ

@@ -226,7 +228,7 @@

About Me ๐Ÿ‘จโ€๐Ÿ’ป

I help Brands find the subject and medium that best fits their unique identity, and then I produce high-quality content that meets their objectives. I've worked in B2C marketing across the technology and Educational services industries helping companies generate revenue.

--> - My specialities include : Product Management, Development, Testing, Business Intelligence, Data Analysis and People skills. + My specialities include : Product Management, Development, User Testing, Business Intelligence, Data Analysis and People skills.
@@ -314,10 +316,10 @@

Business Technology Solutions Associate - Solution Delivery (SDV) Develope

Part of India Analytics Tools Pod responsible for:

    -
  • Worked with ZSโ€™ clients to productise development of algorithms packaged as applications for client and internal use. Leveraged technical and analytical skills to solve problems and improve performance.
    • +
  • Worked with ZS' clients to productise development of algorithms packaged as applications for client and internal use. Leveraged technical and analytical skills to solve problems and improve performance.
  • Worked on multiple projects to build analytic solutions using Power Apps showcasing meaningful business insights for US and EU pharmaceutical clients to assist them with their day to day business problems.
  • Bridging the gap between technical and business management teams by acting as a Techno-Management Consultant and developing desktop and cloud-based decision enablers (analytic apps).
    • -
  • Gathered clientโ€™s business requirements, functionality requirements and implementing them along with actionable product documentation and prototyping to ensure timely and quality delivery of BI solutions.
    • +
  • Gathered client's business requirements, functionality requirements and implementing them along with actionable product documentation and prototyping to ensure timely and quality delivery of BI solutions.
@@ -584,13 +586,68 @@

Latex Resume + +
+
+

Conferences and Meetups ๐Ÿ‘จ๐Ÿปโ€๐Ÿซ๐ŸŽค

+ +

I've spoken at multiple conferences (online & offline) and mentored thousands of students and working professionals. +

+ +
+
+ +
+
+ + + + +
+
+ + + + + + + + + +

Achievements and Activities โšก


-
+
ACHIEVEMENTS: ๐Ÿ†
-
+ + + -
TALKS & PRESENTATIONS: ๐ŸŽค - -

PROFESSIONAL SKILLS : @@ -744,7 +771,7 @@

Contact Me โœ๏ธ

I've previously worked in B2C company across the Educational and Technology service industry. Moreover I'm like a conduit between Technology and Marketing. Working along with different stakeholders is one of my key strength. - If youโ€™re interested in grabbing coffee, please send an email my way at hello@sarthakj.me + If you're interested in grabbing coffee, please send an email my way at hello@sarthakj.me

diff --git a/package.json b/package.json index fe3b815..d63da9b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "sarthak_jain_portfolio", - "version": "1.6.1", + "version": "1.6.2", "description": "My personal portfolio and resume", "main": "/src/main.js", "scripts": { diff --git a/src/index.html b/src/index.html index f85bb38..b34ea63 100644 --- a/src/index.html +++ b/src/index.html @@ -123,13 +123,15 @@

Sarthak Jain

@@ -215,7 +217,7 @@

About Me ๐Ÿ‘จโ€๐Ÿ’ป

Hey internet user ๐Ÿ‘‹ I'm Sarthak Jain, Product Manager in Fintech ๐Ÿ’ฒ space. Understanding coding and business aspect of products is not just a career path for me, but also a passion of mine. - I like to build web-apps ๐ŸŒ, games ๐ŸŽฎ and solve user problems ๐Ÿง + I like to build web-apps ๐ŸŒ, games ๐ŸŽฎ, speak at conferences and solve user problems ๐Ÿง Really love to contribute in open source โค๏ธ and various communities of students & professionals. If you've made any cool projects, would really like to try it!! Recently, I've taken a keen interest in product management ๐Ÿ’ญ and data analytics ๐Ÿ“ˆ

@@ -226,7 +228,7 @@

About Me ๐Ÿ‘จโ€๐Ÿ’ป

I help Brands find the subject and medium that best fits their unique identity, and then I produce high-quality content that meets their objectives. I've worked in B2C marketing across the technology and Educational services industries helping companies generate revenue.

--> - My specialities include : Product Management, Development, Testing, Business Intelligence, Data Analysis and People skills. + My specialities include : Product Management, Development, User Testing, Business Intelligence, Data Analysis and People skills.
@@ -314,10 +316,10 @@

Business Technology Solutions Associate - Solution Delivery (SDV) Develope

Part of India Analytics Tools Pod responsible for:

    -
  • Worked with ZSโ€™ clients to productise development of algorithms packaged as applications for client and internal use. Leveraged technical and analytical skills to solve problems and improve performance.
    • +
  • Worked with ZS' clients to productise development of algorithms packaged as applications for client and internal use. Leveraged technical and analytical skills to solve problems and improve performance.
  • Worked on multiple projects to build analytic solutions using Power Apps showcasing meaningful business insights for US and EU pharmaceutical clients to assist them with their day to day business problems.
  • Bridging the gap between technical and business management teams by acting as a Techno-Management Consultant and developing desktop and cloud-based decision enablers (analytic apps).
    • -
  • Gathered clientโ€™s business requirements, functionality requirements and implementing them along with actionable product documentation and prototyping to ensure timely and quality delivery of BI solutions.
    • +
  • Gathered client's business requirements, functionality requirements and implementing them along with actionable product documentation and prototyping to ensure timely and quality delivery of BI solutions.
@@ -584,13 +586,68 @@

Latex Resume + +
+
+

Conferences and Meetups ๐Ÿ‘จ๐Ÿปโ€๐Ÿซ๐ŸŽค

+ +

I've spoken at multiple conferences (online & offline) and mentored thousands of students and working professionals. +

+ +
+
+ +
+
+ + + + +
+
+ + + + + + + + + +

Achievements and Activities โšก


-
+
ACHIEVEMENTS: ๐Ÿ†
-
+ + + -
TALKS & PRESENTATIONS: ๐ŸŽค - -

PROFESSIONAL SKILLS : @@ -744,7 +771,7 @@

Contact Me โœ๏ธ

I've previously worked in B2C company across the Educational and Technology service industry. Moreover I'm like a conduit between Technology and Marketing. Working along with different stakeholders is one of my key strength. - If youโ€™re interested in grabbing coffee, please send an email my way at hello@sarthakj.me + If you're interested in grabbing coffee, please send an email my way at hello@sarthakj.me

diff --git a/src/style.scss b/src/style.scss index fdcf109..c642342 100644 --- a/src/style.scss +++ b/src/style.scss @@ -722,7 +722,7 @@ section, footer { } li:before { - content: "-"; + content: "โ€ข"; position: absolute; margin-left: -14px; } @@ -754,7 +754,7 @@ section, footer { margin-top: 8px; list-style: none; li:before { - content: "#"; + content: "โ€ฃ"; position: absolute; margin-left: -16px; } diff --git a/style.css b/style.css index 731af63..bf1a2e4 100644 --- a/style.css +++ b/style.css @@ -1 +1 @@ -@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300");html{font-size:1em;scroll-behavior:smooth;color:#000}body{margin:0;overflow-x:hidden}html,*{font-family:'Open Sans', Helvetica, Arial, sans-serif;line-height:1.2;hyphens:auto;-webkit-text-size-adjust:100%}*{font-size:1.04rem;font-weight:450}.container{display:grid;grid-template-columns:repeat(12, 1fr);grid-column-gap:0.25rem}.container.card-container .card{grid-column:span 12;max-width:100%}@media screen and (min-width: 560px){.container.card-container .card{grid-column:span 6;grid-column-gap:0.5rem}}@media screen and (min-width: 768px){.container.card-container{grid-column-gap:1rem}}.col-centered{grid-column:span 12;max-width:100%;padding:18px}@media screen and (min-width: 768px){.col-centered{grid-column:2/12}}@media screen and (min-width: 1280px){.col-centered{grid-column:3/11}}.col-half{grid-column:span 12;max-width:100%}@media screen and (min-width: 768px){.col-half{grid-column:span 6}}.col-full{grid-column:span 12}.col.card{grid-column:span 12;max-width:100%}@media screen and (min-width: 560px){.col.card{grid-column:span 6}}header{background:#252627;max-width:100%;height:100vh;overflow-x:hidden;display:flex;justify-content:center}.backdrop{position:absolute;top:0;left:0;display:block;height:100%;width:100%;background-image:url("./assets/splash.svg");background-size:cover;background-position:center}.backdrop.filtered{filter:blur(0.5px) grayscale(12%) brightness(62.5%)}.title{z-index:5;align-self:center;padding:0.5rem;max-width:1100px;text-align:center}@media screen and (min-width: 320px){.title{padding:2rem}}.title h1{text-shadow:1px 2px 6px #212121;font-size:2rem;text-transform:uppercase;line-height:0.8;color:#fff;letter-spacing:1px}@media screen and (min-width: 490px){.title h1{letter-spacing:3px;font-size:2.5rem}}@media screen and (min-width: 510px){.title h1{font-size:3.25rem}}@media screen and (min-width: 768px){.title h1{font-size:4rem}}.title h1 small{margin-top:24px;display:block;font-size:1rem;letter-spacing:2px}@media screen and (min-width: 320px){.title h1 small{margin-top:32px;font-size:1.25rem;letter-spacing:5px}}.title .separator{background:#fff;height:2px;width:75px;margin:auto}@media screen and (max-height: 500px){.title .separator{display:none}}.laptop{transform:scale(0.5);width:100%;height:160px;text-align:center;margin-bottom:0px}@media screen and (max-height: 500px){.laptop{display:none}}@media screen and (min-width: 320px){.laptop{transform:scale(0.75);margin-bottom:24px}}@media screen and (min-width: 768px){.laptop{transform:scale(0.8);height:180px;margin-bottom:28px}}.laptop .monitor{width:275px;height:181px;display:block;margin:0 auto;border-radius:10px 10px 0 0;padding:4px;border:1px solid #e0e2e2;background:#101111;padding-top:12px}.laptop .monitor .camera{display:block;width:8px;height:8px;position:absolute;top:2px;left:calc(50% - 6px);border-radius:100%;background:#000}.laptop .monitor .mic{display:block;width:4px;height:4px;position:absolute;top:4px;right:calc(50% - 7px);border-radius:100%;background:#000}.laptop .monitor .screen-bg{background:linear-gradient(210deg, #00d1b2 0%, #008182 100%);display:block;height:100%;width:100%;border-radius:2px 2px 0 0}.laptop .monitor .screen-bg .window{position:relative;top:5.5%;left:2%;width:96%;height:90%;background:#1c2024;border-radius:3px 3px 0 0;box-shadow:1px 2px 3px rgba(0,0,0,0.7)}.laptop .monitor .screen-bg .window .area{overflow:hidden;position:absolute;top:14px;left:0;height:calc(100% - 14px);width:100%;background:#22262b;text-align:left;padding:4px 8px;line-height:0.25rem;box-sizing:border-box}.laptop .monitor .screen-bg .window .area br{line-height:0.25rem}.laptop .monitor .screen-bg .window .area .code{height:4px;display:inline-block;background:#e57373;width:20px;border-radius:2px;position:relative}.laptop .monitor .screen-bg .window .area .code.offset{margin-left:12px}.laptop .monitor .screen-bg .window .area .code.offset.double{margin-left:20px}.laptop .monitor .screen-bg .window .area .code.key{background:#ce93d8}.laptop .monitor .screen-bg .window .area .code.name{background:#64b5f6}.laptop .monitor .screen-bg .window .area .code.val{background:#ff8f00}.laptop .monitor .screen-bg .window .area .code.comment{background:#7f99a5}.laptop .monitor .screen-bg .window .area .code.short{width:13px}.laptop .monitor .screen-bg .window .area .code.medium{width:17px}.laptop .monitor .screen-bg .window .area .code.semilong{width:23px}.laptop .monitor .screen-bg .window .area .code.long{width:30px}.laptop .monitor .screen-bg .window .circle{display:block;width:6px;height:6px;position:absolute;top:5px;left:5px;border-radius:6px;background:#ff5f57}.laptop .monitor .screen-bg .window .circle.yellow{background:#fdbb2d;left:13px}.laptop .monitor .screen-bg .window .circle.green{background:#27c93f;left:22px}.laptop .base{width:338px;height:12px;background:#e0e2e2;display:block;margin:0 auto;border-radius:0px 0px 6px 6px}.laptop .base .pad{margin:0 auto;width:42px;background:#b8b9b9;height:4px;border-radius:0 0 4px 4px;margin-top:-1px}.scroll-down{position:absolute;left:calc(50% - 0.5rem);bottom:5vh;display:block;text-align:center;font-size:1.25rem;z-index:100;text-decoration:none;text-shadow:0;width:2rem;height:2rem;border-bottom:6px solid #fff;border-right:6px solid #fff;transform:translate(-50%, 0%) rotate(45deg);animation:fade_move_down 2s ease-in-out infinite}@keyframes fade_move_down{0%{transform:translate(0, -10px) rotate(45deg);opacity:0}50%{opacity:1}100%{transform:translate(0, 10px) rotate(45deg);opacity:0}}.nav-icon{width:36px;height:36px;position:fixed;margin:32px 24px;bottom:0;right:0;transform:scale(1.25);transition:.5s ease-in-out;background:#1556d6;border-radius:100%;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);cursor:pointer;z-index:100}.nav-icon span{display:block;position:absolute;height:2px;width:22px;background:#fff;border-radius:2px;opacity:1;left:7px;transform:rotate(0deg);transition:.25s ease-in-out}.nav-icon span:nth-child(1){top:10px}.nav-icon span:nth-child(4){top:24px}.nav-icon span:nth-child(2),.nav-icon span:nth-child(3){top:17px}.nav-icon.open span:nth-child(1){top:17px;width:0%;left:50%}.nav-icon.open span:nth-child(2){transform:rotate(45deg)}.nav-icon.open span:nth-child(3){transform:rotate(-45deg)}.nav-icon.open span:nth-child(4){top:16px;width:0%;left:50%}@media screen and (min-width: 560px){.nav-icon{display:none}}nav{display:block;position:fixed;height:auto;width:100vw;top:-100vh;background:#fff;left:0;z-index:90;transition:top 0.8s ease;box-shadow:0 0 20px rgba(0,0,0,0.1)}nav.shown{top:0;background-color:#252627;color:#a9a9b3}nav ul{list-style-type:none;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around;text-align:center}nav ul li{display:inline-block;transition:all 0.5s ease;flex:1 1 auto;padding:0.75rem 0.5rem}nav ul li:hover,nav ul li:focus{background:#3c71da;color:#fff;transform:scale(1.2)}nav ul li.selected{border-bottom:6px solid #3c71da}nav ul li a,nav ul li a:link,nav ul li a:visited,nav ul li a:active,nav ul li a:hover{letter-spacing:1px;width:100%;height:100%;text-decoration:none;color:inherit;display:block}@media screen and (min-width: 560px){nav ul{flex-direction:row}}nav2{display:block;position:fixed;height:auto;width:100vw;top:-100vh;background:#fff;left:0;z-index:90;transition:top 0.8s ease;box-shadow:0 0 20px rgba(0,0,0,0.1)}nav2.shown{top:0;background-color:#252627;color:#a9a9b3}nav2 ul{list-style-type:none;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:row;justify-content:space-around;text-align:center}nav2 ul li{display:inline-block;transition:all 0.5s ease;flex:1 1 auto;padding:0.75rem 0.5rem}nav2 ul li:hover,nav2 ul li:focus{background:#3c71da;color:#fff}nav2 ul li.selected{border-bottom:6px solid #3c71da}nav2 ul li a,nav2 ul li a:link,nav2 ul li a:visited,nav2 ul li a:active,nav2 ul li a:hover{letter-spacing:1px;width:100%;height:100%;text-decoration:none;color:inherit;display:block}@media screen and (max-width: 560px){nav2 ul{flex-direction:column;display:none}}h2{font-size:2.15rem;letter-spacing:-.1rem;margin-left:-4px}h2::after{display:block;content:'';width:40%;max-width:130px;height:5px;background:linear-gradient(135deg, #ffa361 0%, #638de0 100%);position:relative;top:12px;left:2px}@media screen and (min-width: 560px){h2{font-size:2.5rem}}section p,section li{line-height:1.35;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;text-align:justify}a:link{color:#1556d6}a:visited{color:#0943b4}a,a:link,a:visited{cursor:pointer;text-decoration:none}strong{font-weight:650}section,footer{padding:14px 8px}@media screen and (min-width: 560px){section,footer{padding:2px 12px}}.flex-container{display:flex;flex-flow:row wrap}.flex-media-obj{flex:0 0 auto;padding:8px;max-width:calc(100% - 16px);flex-basis:100%;text-align:center}@media screen and (min-width: 560px){.flex-media-obj{margin-top:1%;max-width:160px;flex-basis:135px}}.flex-fill{flex:0 0 auto;max-width:100%;flex-grow:1;flex-basis:0;text-align:center}@media screen and (min-width: 560px){.flex-fill{text-align:left;padding-left:1.5vw}}.profile-picture{width:120px;border-radius:25%;max-width:100%;height:auto}.flex-media-logo{flex:0 0 auto;padding:4px 8px 4px 0;max-width:64px;flex-basis:64px;text-align:center;align-self:center;box-sizing:border-box}.flex-media-logo img{width:56px;height:auto}.flex-title{flex:0 0 auto;max-width:100%;flex-grow:1;flex-basis:0}@media screen and (min-width: 560px){.flex-title{padding-left:0.75vw}}.flex-title h3{font-size:1.15rem}.flex-title h3 small{font-size:1.0rem;display:block}@media screen and (min-width: 560px){.flex-title h3 small{font-size:1.25rem}}.flex-title h3 small+small{font-size:0.75rem;color:#424242}@media screen and (min-width: 560px){.flex-title h3 small+small{font-size:0.90rem}}@media screen and (min-width: 560px){.flex-title h3{font-size:1.6rem}}.card{display:flex;flex-direction:column;align-self:center;position:relative;width:100%;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);border-radius:4px;margin:4px 0;overflow:hidden;transition:all .3s ease;height:calc(100% - 8px)}@media screen and (min-width: 560px){.card{max-width:50%}}@media screen and (min-width: 800px){.card{max-width:33.3333%}}.card .content,.card .media{box-sizing:border-box;margin:0;border:0;border-radius:0;padding:4px 8px;width:100%}.card .media{height:180px;padding:10px;-o-object-fit:cover;object-fit:contain}.card h3{font-size:1.25rem;margin:6px;color:#000}.card h3 small{display:block;font-size:0.8rem;color:#424242}.card:hover{box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}.content-left-offset{margin-left:60px;margin-top:-14px}@media screen and (min-width: 560px){.content-left-offset{margin-left:calc(0.75vw + 64px)}}.content-left-offset p{margin-bottom:8px}.content-left-offset ul{padding-left:12px;margin-left:-35px;margin-top:8px;list-style:none}@media screen and (min-width: 560px){.content-left-offset ul{margin-left:-10px}}.content-left-offset ul li:before{content:"-";position:absolute;margin-left:-14px}.content-left-offset2{margin-left:30px;margin-top:-8px}@media screen and (min-width: 560px){.content-left-offset2{margin-left:calc(0.75vw + 64px)}}.content-left-offset2 strong{font-size:1.25rem;margin:6px;color:#000;font-weight:800}.content-left-offset2 p{margin-bottom:8px}.content-left-offset2 ul{padding-left:12px;margin-top:8px;list-style:none}.content-left-offset2 ul li:before{content:"#";position:absolute;margin-left:-16px}section h1{font-size:3rem;margin-bottom:8px;margin-top:16px}section h1 small{display:block;font-size:1.25rem;color:#424242}.social-icon,.social-icon:link,.social-icon:visited{color:#5cd6b9;cursor:pointer}.social-icon+.social-icon,.social-icon+.social-icon:link,.social-icon+.social-icon:visited,.social-icon:link+.social-icon,.social-icon:link+.social-icon:link,.social-icon:link+.social-icon:visited,.social-icon:visited+.social-icon,.social-icon:visited+.social-icon:link,.social-icon:visited+.social-icon:visited{padding-left:4px}.mailto-link{position:relative;padding:1.5px 4.5px}.mailto-message{top:1px;left:50%;margin-bottom:-5px;transform:translate(-50%, -100%);position:absolute;display:none;width:auto;white-space:nowrap;font-size:12px;background-color:black;color:white;padding:2px 6px;border-radius:2px}.mailto-message:after{content:''}.mailto-link:hover .mailto-message,.mailto-link:focus .mailto-message,.mailto-link:focus-within .mailto-message{display:block}.well{background-color:#e0ebf3;cursor:pointer}footer{background:linear-gradient(180deg, #f7f7f7 0%, #f0f0f0 100%);margin-top:14px;text-align:center}footer p,footer a,footer a:link,footer a:visited{font-size:0.9rem;color:#666;line-height:1.4}footer a{font-weight:400}.right-text{max-width:100%;padding:2px}@media screen and (min-width: 768px){.right-text{float:right}}*{box-sizing:border-box}input[type=text],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical}input[type=submit]{background-color:#373737;color:white;padding:12px 20px;border:3px #fff solid;border-radius:4px;cursor:pointer}input[type=submit]:hover{background-color:#1a87ee}.form{border-radius:10px;background:#f5f5f5;padding:20px}.hover_bkgr_fricc{background:rgba(0,0,0,0.4);cursor:pointer;display:none;height:100%;position:fixed;text-align:center;top:0;width:100%;z-index:10000}.hover_bkgr_fricc .helper{display:inline-block;height:100%;vertical-align:middle}.hover_bkgr_fricc>div{background-color:#fff;box-shadow:10px 10px 60px #555;display:inline-block;height:auto;max-width:551px;min-height:100px;vertical-align:middle;width:60%;position:relative;border-radius:8px;padding:15px 5%}.popupCloseButton{background-color:#fff;border:3px solid #999;border-radius:50px;cursor:pointer;display:inline-block;font-family:arial;font-weight:bold;position:absolute;top:-20px;right:-20px;font-size:25px;line-height:30px;width:30px;height:30px;text-align:center}.popupCloseButton:hover{background-color:#ccc}.trigger_popup_fricc{cursor:pointer;font-size:20px;margin:20px;display:inline-block;font-weight:bold}.st-label{line-height:32px}#more{display:none}#pay-btn{box-sizing:border-box;position:relative;display:block;min-height:38px;padding:12px;line-height:20px;font-size:16px;font-family:Lato, Muli, -apple-system, BlinkMacSystemFont, Arial, sans-serif;word-break:break-word;border-radius:10px;text-align:center;color:#ffff;box-shadow:0 0 10px 0 rgba(0,0,0,0.2);z-index:2;text-decoration:none;background-color:#528FF0;width:225px} +๏ปฟ@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300");html{font-size:1em;scroll-behavior:smooth;color:#000}body{margin:0;overflow-x:hidden}html,*{font-family:'Open Sans', Helvetica, Arial, sans-serif;line-height:1.2;hyphens:auto;-webkit-text-size-adjust:100%}*{font-size:1.04rem;font-weight:450}.container{display:grid;grid-template-columns:repeat(12, 1fr);grid-column-gap:0.25rem}.container.card-container .card{grid-column:span 12;max-width:100%}@media screen and (min-width: 560px){.container.card-container .card{grid-column:span 6;grid-column-gap:0.5rem}}@media screen and (min-width: 768px){.container.card-container{grid-column-gap:1rem}}.col-centered{grid-column:span 12;max-width:100%;padding:18px}@media screen and (min-width: 768px){.col-centered{grid-column:2/12}}@media screen and (min-width: 1280px){.col-centered{grid-column:3/11}}.col-half{grid-column:span 12;max-width:100%}@media screen and (min-width: 768px){.col-half{grid-column:span 6}}.col-full{grid-column:span 12}.col.card{grid-column:span 12;max-width:100%}@media screen and (min-width: 560px){.col.card{grid-column:span 6}}header{background:#252627;max-width:100%;height:100vh;overflow-x:hidden;display:flex;justify-content:center}.backdrop{position:absolute;top:0;left:0;display:block;height:100%;width:100%;background-image:url("./assets/splash.svg");background-size:cover;background-position:center}.backdrop.filtered{filter:blur(0.5px) grayscale(12%) brightness(62.5%)}.title{z-index:5;align-self:center;padding:0.5rem;max-width:1100px;text-align:center}@media screen and (min-width: 320px){.title{padding:2rem}}.title h1{text-shadow:1px 2px 6px #212121;font-size:2rem;text-transform:uppercase;line-height:0.8;color:#fff;letter-spacing:1px}@media screen and (min-width: 490px){.title h1{letter-spacing:3px;font-size:2.5rem}}@media screen and (min-width: 510px){.title h1{font-size:3.25rem}}@media screen and (min-width: 768px){.title h1{font-size:4rem}}.title h1 small{margin-top:24px;display:block;font-size:1rem;letter-spacing:2px}@media screen and (min-width: 320px){.title h1 small{margin-top:32px;font-size:1.25rem;letter-spacing:5px}}.title .separator{background:#fff;height:2px;width:75px;margin:auto}@media screen and (max-height: 500px){.title .separator{display:none}}.laptop{transform:scale(0.5);width:100%;height:160px;text-align:center;margin-bottom:0px}@media screen and (max-height: 500px){.laptop{display:none}}@media screen and (min-width: 320px){.laptop{transform:scale(0.75);margin-bottom:24px}}@media screen and (min-width: 768px){.laptop{transform:scale(0.8);height:180px;margin-bottom:28px}}.laptop .monitor{width:275px;height:181px;display:block;margin:0 auto;border-radius:10px 10px 0 0;padding:4px;border:1px solid #e0e2e2;background:#101111;padding-top:12px}.laptop .monitor .camera{display:block;width:8px;height:8px;position:absolute;top:2px;left:calc(50% - 6px);border-radius:100%;background:#000}.laptop .monitor .mic{display:block;width:4px;height:4px;position:absolute;top:4px;right:calc(50% - 7px);border-radius:100%;background:#000}.laptop .monitor .screen-bg{background:linear-gradient(210deg, #00d1b2 0%, #008182 100%);display:block;height:100%;width:100%;border-radius:2px 2px 0 0}.laptop .monitor .screen-bg .window{position:relative;top:5.5%;left:2%;width:96%;height:90%;background:#1c2024;border-radius:3px 3px 0 0;box-shadow:1px 2px 3px rgba(0,0,0,0.7)}.laptop .monitor .screen-bg .window .area{overflow:hidden;position:absolute;top:14px;left:0;height:calc(100% - 14px);width:100%;background:#22262b;text-align:left;padding:4px 8px;line-height:0.25rem;box-sizing:border-box}.laptop .monitor .screen-bg .window .area br{line-height:0.25rem}.laptop .monitor .screen-bg .window .area .code{height:4px;display:inline-block;background:#e57373;width:20px;border-radius:2px;position:relative}.laptop .monitor .screen-bg .window .area .code.offset{margin-left:12px}.laptop .monitor .screen-bg .window .area .code.offset.double{margin-left:20px}.laptop .monitor .screen-bg .window .area .code.key{background:#ce93d8}.laptop .monitor .screen-bg .window .area .code.name{background:#64b5f6}.laptop .monitor .screen-bg .window .area .code.val{background:#ff8f00}.laptop .monitor .screen-bg .window .area .code.comment{background:#7f99a5}.laptop .monitor .screen-bg .window .area .code.short{width:13px}.laptop .monitor .screen-bg .window .area .code.medium{width:17px}.laptop .monitor .screen-bg .window .area .code.semilong{width:23px}.laptop .monitor .screen-bg .window .area .code.long{width:30px}.laptop .monitor .screen-bg .window .circle{display:block;width:6px;height:6px;position:absolute;top:5px;left:5px;border-radius:6px;background:#ff5f57}.laptop .monitor .screen-bg .window .circle.yellow{background:#fdbb2d;left:13px}.laptop .monitor .screen-bg .window .circle.green{background:#27c93f;left:22px}.laptop .base{width:338px;height:12px;background:#e0e2e2;display:block;margin:0 auto;border-radius:0px 0px 6px 6px}.laptop .base .pad{margin:0 auto;width:42px;background:#b8b9b9;height:4px;border-radius:0 0 4px 4px;margin-top:-1px}.scroll-down{position:absolute;left:calc(50% - 0.5rem);bottom:5vh;display:block;text-align:center;font-size:1.25rem;z-index:100;text-decoration:none;text-shadow:0;width:2rem;height:2rem;border-bottom:6px solid #fff;border-right:6px solid #fff;transform:translate(-50%, 0%) rotate(45deg);animation:fade_move_down 2s ease-in-out infinite}@keyframes fade_move_down{0%{transform:translate(0, -10px) rotate(45deg);opacity:0}50%{opacity:1}100%{transform:translate(0, 10px) rotate(45deg);opacity:0}}.nav-icon{width:36px;height:36px;position:fixed;margin:32px 24px;bottom:0;right:0;transform:scale(1.25);transition:.5s ease-in-out;background:#1556d6;border-radius:100%;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);cursor:pointer;z-index:100}.nav-icon span{display:block;position:absolute;height:2px;width:22px;background:#fff;border-radius:2px;opacity:1;left:7px;transform:rotate(0deg);transition:.25s ease-in-out}.nav-icon span:nth-child(1){top:10px}.nav-icon span:nth-child(4){top:24px}.nav-icon span:nth-child(2),.nav-icon span:nth-child(3){top:17px}.nav-icon.open span:nth-child(1){top:17px;width:0%;left:50%}.nav-icon.open span:nth-child(2){transform:rotate(45deg)}.nav-icon.open span:nth-child(3){transform:rotate(-45deg)}.nav-icon.open span:nth-child(4){top:16px;width:0%;left:50%}@media screen and (min-width: 560px){.nav-icon{display:none}}nav{display:block;position:fixed;height:auto;width:100vw;top:-100vh;background:#fff;left:0;z-index:90;transition:top 0.8s ease;box-shadow:0 0 20px rgba(0,0,0,0.1)}nav.shown{top:0;background-color:#252627;color:#a9a9b3}nav ul{list-style-type:none;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around;text-align:center}nav ul li{display:inline-block;transition:all 0.5s ease;flex:1 1 auto;padding:0.75rem 0.5rem}nav ul li:hover,nav ul li:focus{background:#3c71da;color:#fff;transform:scale(1.2)}nav ul li.selected{border-bottom:6px solid #3c71da}nav ul li a,nav ul li a:link,nav ul li a:visited,nav ul li a:active,nav ul li a:hover{letter-spacing:1px;width:100%;height:100%;text-decoration:none;color:inherit;display:block}@media screen and (min-width: 560px){nav ul{flex-direction:row}}nav2{display:block;position:fixed;height:auto;width:100vw;top:-100vh;background:#fff;left:0;z-index:90;transition:top 0.8s ease;box-shadow:0 0 20px rgba(0,0,0,0.1)}nav2.shown{top:0;background-color:#252627;color:#a9a9b3}nav2 ul{list-style-type:none;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:row;justify-content:space-around;text-align:center}nav2 ul li{display:inline-block;transition:all 0.5s ease;flex:1 1 auto;padding:0.75rem 0.5rem}nav2 ul li:hover,nav2 ul li:focus{background:#3c71da;color:#fff}nav2 ul li.selected{border-bottom:6px solid #3c71da}nav2 ul li a,nav2 ul li a:link,nav2 ul li a:visited,nav2 ul li a:active,nav2 ul li a:hover{letter-spacing:1px;width:100%;height:100%;text-decoration:none;color:inherit;display:block}@media screen and (max-width: 560px){nav2 ul{flex-direction:column;display:none}}h2{font-size:2.15rem;letter-spacing:-.1rem;margin-left:-4px}h2::after{display:block;content:'';width:40%;max-width:130px;height:5px;background:linear-gradient(135deg, #ffa361 0%, #638de0 100%);position:relative;top:12px;left:2px}@media screen and (min-width: 560px){h2{font-size:2.5rem}}section p,section li{line-height:1.35;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;text-align:justify}a:link{color:#1556d6}a:visited{color:#0943b4}a,a:link,a:visited{cursor:pointer;text-decoration:none}strong{font-weight:650}section,footer{padding:14px 8px}@media screen and (min-width: 560px){section,footer{padding:2px 12px}}.flex-container{display:flex;flex-flow:row wrap}.flex-media-obj{flex:0 0 auto;padding:8px;max-width:calc(100% - 16px);flex-basis:100%;text-align:center}@media screen and (min-width: 560px){.flex-media-obj{margin-top:1%;max-width:160px;flex-basis:135px}}.flex-fill{flex:0 0 auto;max-width:100%;flex-grow:1;flex-basis:0;text-align:center}@media screen and (min-width: 560px){.flex-fill{text-align:left;padding-left:1.5vw}}.profile-picture{width:120px;border-radius:25%;max-width:100%;height:auto}.flex-media-logo{flex:0 0 auto;padding:4px 8px 4px 0;max-width:64px;flex-basis:64px;text-align:center;align-self:center;box-sizing:border-box}.flex-media-logo img{width:56px;height:auto}.flex-title{flex:0 0 auto;max-width:100%;flex-grow:1;flex-basis:0}@media screen and (min-width: 560px){.flex-title{padding-left:0.75vw}}.flex-title h3{font-size:1.15rem}.flex-title h3 small{font-size:1.0rem;display:block}@media screen and (min-width: 560px){.flex-title h3 small{font-size:1.25rem}}.flex-title h3 small+small{font-size:0.75rem;color:#424242}@media screen and (min-width: 560px){.flex-title h3 small+small{font-size:0.90rem}}@media screen and (min-width: 560px){.flex-title h3{font-size:1.6rem}}.card{display:flex;flex-direction:column;align-self:center;position:relative;width:100%;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);border-radius:4px;margin:4px 0;overflow:hidden;transition:all .3s ease;height:calc(100% - 8px)}@media screen and (min-width: 560px){.card{max-width:50%}}@media screen and (min-width: 800px){.card{max-width:33.3333%}}.card .content,.card .media{box-sizing:border-box;margin:0;border:0;border-radius:0;padding:4px 8px;width:100%}.card .media{height:180px;padding:10px;-o-object-fit:cover;object-fit:contain}.card h3{font-size:1.25rem;margin:6px;color:#000}.card h3 small{display:block;font-size:0.8rem;color:#424242}.card:hover{box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}.content-left-offset{margin-left:60px;margin-top:-14px}@media screen and (min-width: 560px){.content-left-offset{margin-left:calc(0.75vw + 64px)}}.content-left-offset p{margin-bottom:8px}.content-left-offset ul{padding-left:12px;margin-left:-35px;margin-top:8px;list-style:none}@media screen and (min-width: 560px){.content-left-offset ul{margin-left:-10px}}.content-left-offset ul li:before{content:"โ€ข";position:absolute;margin-left:-14px}.content-left-offset2{margin-left:30px;margin-top:-8px}@media screen and (min-width: 560px){.content-left-offset2{margin-left:calc(0.75vw + 64px)}}.content-left-offset2 strong{font-size:1.25rem;margin:6px;color:#000;font-weight:800}.content-left-offset2 p{margin-bottom:8px}.content-left-offset2 ul{padding-left:12px;margin-top:8px;list-style:none}.content-left-offset2 ul li:before{content:"โ€ฃ";position:absolute;margin-left:-16px}section h1{font-size:3rem;margin-bottom:8px;margin-top:16px}section h1 small{display:block;font-size:1.25rem;color:#424242}.social-icon,.social-icon:link,.social-icon:visited{color:#5cd6b9;cursor:pointer}.social-icon+.social-icon,.social-icon+.social-icon:link,.social-icon+.social-icon:visited,.social-icon:link+.social-icon,.social-icon:link+.social-icon:link,.social-icon:link+.social-icon:visited,.social-icon:visited+.social-icon,.social-icon:visited+.social-icon:link,.social-icon:visited+.social-icon:visited{padding-left:4px}.mailto-link{position:relative;padding:1.5px 4.5px}.mailto-message{top:1px;left:50%;margin-bottom:-5px;transform:translate(-50%, -100%);position:absolute;display:none;width:auto;white-space:nowrap;font-size:12px;background-color:black;color:white;padding:2px 6px;border-radius:2px}.mailto-message:after{content:''}.mailto-link:hover .mailto-message,.mailto-link:focus .mailto-message,.mailto-link:focus-within .mailto-message{display:block}.well{background-color:#e0ebf3;cursor:pointer}footer{background:linear-gradient(180deg, #f7f7f7 0%, #f0f0f0 100%);margin-top:14px;text-align:center}footer p,footer a,footer a:link,footer a:visited{font-size:0.9rem;color:#666;line-height:1.4}footer a{font-weight:400}.right-text{max-width:100%;padding:2px}@media screen and (min-width: 768px){.right-text{float:right}}*{box-sizing:border-box}input[type=text],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical}input[type=submit]{background-color:#373737;color:white;padding:12px 20px;border:3px #fff solid;border-radius:4px;cursor:pointer}input[type=submit]:hover{background-color:#1a87ee}.form{border-radius:10px;background:#f5f5f5;padding:20px}.hover_bkgr_fricc{background:rgba(0,0,0,0.4);cursor:pointer;display:none;height:100%;position:fixed;text-align:center;top:0;width:100%;z-index:10000}.hover_bkgr_fricc .helper{display:inline-block;height:100%;vertical-align:middle}.hover_bkgr_fricc>div{background-color:#fff;box-shadow:10px 10px 60px #555;display:inline-block;height:auto;max-width:551px;min-height:100px;vertical-align:middle;width:60%;position:relative;border-radius:8px;padding:15px 5%}.popupCloseButton{background-color:#fff;border:3px solid #999;border-radius:50px;cursor:pointer;display:inline-block;font-family:arial;font-weight:bold;position:absolute;top:-20px;right:-20px;font-size:25px;line-height:30px;width:30px;height:30px;text-align:center}.popupCloseButton:hover{background-color:#ccc}.trigger_popup_fricc{cursor:pointer;font-size:20px;margin:20px;display:inline-block;font-weight:bold}.st-label{line-height:32px}#more{display:none}#pay-btn{box-sizing:border-box;position:relative;display:block;min-height:38px;padding:12px;line-height:20px;font-size:16px;font-family:Lato, Muli, -apple-system, BlinkMacSystemFont, Arial, sans-serif;word-break:break-word;border-radius:10px;text-align:center;color:#ffff;box-shadow:0 0 10px 0 rgba(0,0,0,0.2);z-index:2;text-decoration:none;background-color:#528FF0;width:225px}