{"id":53,"date":"2024-09-04T06:11:24","date_gmt":"2024-09-04T06:11:24","guid":{"rendered":"https:\/\/satyak.rayaguru.com\/?p=53"},"modified":"2024-09-04T06:11:24","modified_gmt":"2024-09-04T06:11:24","slug":"satyaks-website","status":"publish","type":"post","link":"https:\/\/satyak.rayaguru.com\/index.php\/2024\/09\/04\/satyaks-website\/","title":{"rendered":"Satyak&#8217;s website"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<header><a class=\"logo\" href=\"#\">Satyak<\/a><\/p>\n<nav><a class=\"active\" href=\"#\"> Home<\/a><br \/>\n<a href=\"#\">Services<\/a><br \/>\n<a href=\"#\">Skills<\/a><br \/>\n<a href=\"#\">Education<\/a><br \/>\n<a href=\"#\">Experience<\/a><br \/>\n<a href=\"#\">Contact<\/a><\/nav>\n<\/header>\n<section class=\"home\">\n<div class=\"home-img\"><img decoding=\"async\" src=\"main (1).jpg\" alt=\"\" \/><\/div>\n<div class=\"home-content\">\n<h1>Hi, It&#8217;s Satyak<\/h1>\n<h3 class=\"typing-text\">I&#8217;m a<\/h3>\n<p>its me satyak. i&#8217;m a web designer. i&#8217;m gonna help you make your own website using html and css. i will be glad if you will trust me to create your website. i also have free tutorials on my youtube channel. so please subscribe. link: @MR.UNKNOWN_EDITZZ.<\/p>\n<div class=\"social-icons\"><i class=\"fa-brands fa-linkedin\"><\/i><br \/>\n<i class=\"fa-brands fa-github\"><\/i><br \/>\n<i class=\"fa-brands fa-x-twitter\"><\/i><br \/>\n<i class=\"fa-brands fa-instagram\"><\/i><\/div>\n<p><a class=\"btn\" href=\"#\">Hire me<\/a><\/p>\n<\/div>\n<\/section>\n<p>&nbsp;<\/p>\n<p>@import url(&#8216;https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@100;200;300;400;500;600&amp;display=swap&#8217;);<\/p>\n<p>*{<br \/>\nmargin: 0;<br \/>\npadding: 0;<br \/>\nbox-sizing: border-box;<br \/>\ntext-decoration: none;<br \/>\nborder: none;<br \/>\noutline: none;<br \/>\nfont-family: &#8216;Poppins&#8217;, sans-serif;<br \/>\n}<\/p>\n<p>html{<br \/>\nfont-size: 62.5%;<br \/>\n}<\/p>\n<p>body{<br \/>\nwidth: 100%;<br \/>\nheight: 100vh;<br \/>\noverflow-x: hidden;<br \/>\nbackground-color: black;<br \/>\ncolor: white;<br \/>\n}<\/p>\n<p>header{<br \/>\nmargin-top: 20px;<br \/>\nposition: fixed;<br \/>\ntop: 0;<br \/>\nleft: 0;<br \/>\nwidth: 100%;<br \/>\npadding: 1rem 9%;<br \/>\nbackground-color: transparent;<br \/>\nfilter: drop-shadow(10px);<br \/>\ndisplay: flex;<br \/>\njustify-content: space-between;<br \/>\nalign-items: center;<br \/>\nz-index: 100;<br \/>\n}<\/p>\n<p>.logo{<br \/>\nfont-size: 3rem;<br \/>\ncolor: #b74b4b;<br \/>\nfont-weight: 800;<br \/>\ncursor: pointer;<br \/>\ntransition: 0.5s ease;<br \/>\n}<\/p>\n<p>.logo:hover{<br \/>\ntransform: scale(1.1);<br \/>\n}<\/p>\n<p>nav a{<br \/>\nfont-size: 1.8rem;<br \/>\ncolor: white;<br \/>\nmargin-left: 4rem;<br \/>\nfont-weight: 500;<br \/>\ntransition: 0.3s ease;<br \/>\nborder-bottom: 3px solid transparent;<br \/>\n}<\/p>\n<p>nav a:hover,<br \/>\nnav a.active{<br \/>\ncolor: #b74b4b;<br \/>\nborder-bottom: 3px solid #b74b4b;<br \/>\n}<\/p>\n<p>@media(max-width:995px){<br \/>\nnav{<br \/>\nposition: absolute;<br \/>\ndisplay: none;<br \/>\ntop: 0;<br \/>\nright: 0;<br \/>\nwidth: 40%;<br \/>\nborder-left: 3px solid #b74b4b;<br \/>\nborder-bottom: 3px solid #b74b4b;<br \/>\nborder-bottom-left-radius: 2rem;<br \/>\npadding: 1rem solid;<br \/>\nbackground-color: #161616;<br \/>\nborder-top: 0.1rem solid rgba(0,0,0,0.1);<br \/>\n}<\/p>\n<p>nav.active{<br \/>\ndisplay: block;<br \/>\n}<\/p>\n<p>nav a{<br \/>\ndisplay: block;<br \/>\nfont-size: 2rem;<br \/>\nmargin: 3rem 0;<br \/>\n}<\/p>\n<p>nav a:hover,<br \/>\nnav a.active{<br \/>\npadding: 1rem;<br \/>\nborder-radius: 0.5rem;<br \/>\nborder-bottom: 0.5rem solid #b74b4b;<br \/>\n}<br \/>\n}<\/p>\n<p>section{<br \/>\nmin-height: 100vh;<br \/>\npadding: 5rem 9% 5rem;<br \/>\n}<\/p>\n<p>.home{<br \/>\ndisplay: flex;<br \/>\njustify-content: center;<br \/>\nalign-items: center;<br \/>\ngap: 8rem;<br \/>\nbackground-color: black;<br \/>\n}<\/p>\n<p>.home .home-content h1{<br \/>\nfont-size: 6rem;<br \/>\nfont-weight: 700;<br \/>\nline-height: 1.3;<br \/>\n}<\/p>\n<p>span{<br \/>\ncolor: #b74b4b;<br \/>\n}<\/p>\n<p>.home-content h3{<br \/>\nfont-size: 4rem;<br \/>\nmargin-bottom: 1rem;<br \/>\nfont-weight: 700;<br \/>\n}<\/p>\n<p>.home-content p{<br \/>\nfont-size: 1.6rem;<br \/>\n}<\/p>\n<p>.home-img{<br \/>\nborder-radius: 50%;<br \/>\n}<\/p>\n<p>.home-img img{<br \/>\nposition: relative;<br \/>\nwidth: 32vw;<br \/>\nborder-radius: 50%;<br \/>\nbox-shadow: 0 0 25px solid #b74b4b;<br \/>\ncursor: pointer;<br \/>\ntransition: 0.2s linear;<br \/>\n}<\/p>\n<p>.home-img img:hover{<br \/>\nfont-size: 1.8rem;<br \/>\nfont-weight: 500;<br \/>\n}<\/p>\n<p>.social-icons a{<br \/>\ndisplay: inline-flex;<br \/>\njustify-content: center;<br \/>\nalign-items: center;<br \/>\nwidth: 4rem;<br \/>\nheight: 4rem;<br \/>\nbackground-color: transparent;<br \/>\nborder: 0.2rem solid #b74b4b;<br \/>\nfont-size: 2rem;<br \/>\nborder-radius: 50%;<br \/>\nmargin: 3rem 1.5rem 3rem 0;<br \/>\ntransition: 0.3s ease;<br \/>\ncolor: #b74b4b;<br \/>\n}<\/p>\n<p>.social-icons a:hover{<br \/>\ncolor: black;<br \/>\ntransform: scale(1.3) translateY(-5px);<br \/>\nbackground-color: #b74b4b;<br \/>\nbox-shadow: 0 0 25px #b74b4b;<br \/>\n}<\/p>\n<p>.btn{<br \/>\ndisplay: inline-block;<br \/>\npadding: 1rem 2.8rem;<br \/>\nbackground-color: black;<br \/>\nborder-radius: 4rem;<br \/>\nfont-size: 1.6rem;<br \/>\ncolor: #b74b4b;<br \/>\nletter-spacing: 0.3rem;<br \/>\nfont-weight: 600;<br \/>\nborder: 2px solid #b74b4b;<br \/>\ntransition: 0.3s ease;<br \/>\ncursor: pointer;<br \/>\n}<\/p>\n<p>.btn:hover{<br \/>\ntransform: scale3d(1.03);<br \/>\nbackground-color: #b74b4b;<br \/>\ncolor: black;<br \/>\nbox-shadow: 0 0 25px #b74b4b;<br \/>\n}<\/p>\n<p>.typing-text{<br \/>\nfont-size: 34px;<br \/>\nfont-weight: 600;<br \/>\nmin-width: 280px;<br \/>\n}<\/p>\n<p>.typing-text span{<br \/>\nposition: relative;<br \/>\n}<\/p>\n<p>.typing-text span::before{<br \/>\ncontent: &#8220;software Developer&#8221;;<br \/>\ncolor: #b74b4b;<br \/>\nanimation: words 20s infinite;<br \/>\n}<\/p>\n<p>.typing-text span::after{<br \/>\ncontent: &#8220;&#8221;;<br \/>\nbackground-color: black;<br \/>\nposition: absolute;<br \/>\nwidth: calc(100% + 8px);<br \/>\nheight: 100%;<br \/>\nborder-left: 3px solid black;<br \/>\nright: -8;<br \/>\nanimation: cursor 0.6s infinite;<br \/>\n}<\/p>\n<p>@keyframes cursor{<br \/>\nto{<br \/>\nborder-left: 3px solid #b74b4b;<br \/>\n}<br \/>\n}<\/p>\n<p>@keyframes words{<br \/>\n0%, 20%{<br \/>\ncontent: &#8220;Web Developer&#8221;;<br \/>\n}<br \/>\n21%, 40%{<br \/>\ncontent: &#8220;Developer&#8221;;<br \/>\n}<br \/>\n41%, 60%{<br \/>\ncontent: &#8220;Web Designer&#8221;;<br \/>\n}<br \/>\n61%, 80%{<br \/>\ncontent: &#8220;Youtuber&#8221;;<br \/>\n}<br \/>\n81%, 100%{<br \/>\ncontent: &#8220;Script Writer&#8221;;<br \/>\n}<br \/>\n}<\/p>\n<p>@media (max-width: 1000px){<br \/>\n.home{<br \/>\ngap: 4rem;<br \/>\n}<br \/>\n}<\/p>\n<p>@media(max-width:995px){<br \/>\n.home{<br \/>\nflex-direction: column;<br \/>\nmargin: 5rem 4rem;<br \/>\n}<\/p>\n<p>.home .home-content h3{<br \/>\nfont-size: 2.5rem;<br \/>\n}<\/p>\n<p>.home-content h1{<br \/>\nfont-size: 5rem;<br \/>\n}<\/p>\n<p>.home-img img{<br \/>\nwidth: 70vw;<br \/>\nmargin-top: 4rem;<br \/>\n}<br \/>\n}<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; Satyak Home Services Skills Education Experience Contact Hi, It&#8217;s Satyak I&#8217;m a its me satyak. i&#8217;m a web designer. i&#8217;m gonna help you make your own website using html and css. i will be glad if you will trust me to create your website. i also have free tutorials on my youtube channel. <a class=\"read-more\" href=\"https:\/\/satyak.rayaguru.com\/index.php\/2024\/09\/04\/satyaks-website\/\">Read More<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-53","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/satyak.rayaguru.com\/index.php\/wp-json\/wp\/v2\/posts\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/satyak.rayaguru.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/satyak.rayaguru.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/satyak.rayaguru.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/satyak.rayaguru.com\/index.php\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":3,"href":"https:\/\/satyak.rayaguru.com\/index.php\/wp-json\/wp\/v2\/posts\/53\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/satyak.rayaguru.com\/index.php\/wp-json\/wp\/v2\/posts\/53\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/satyak.rayaguru.com\/index.php\/wp-json\/wp\/v2\/media?parent=53"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/satyak.rayaguru.com\/index.php\/wp-json\/wp\/v2\/categories?post=53"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/satyak.rayaguru.com\/index.php\/wp-json\/wp\/v2\/tags?post=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}