Personal Portfolio Website using HTML & CSS . You have to create HTML and CSS File For this Site. After creating these files just paste the following codes into your file. First Step, create an HTML file with the name of index.html and paste the given codes in your HTML file..
Personal Portfolio Website using HTML & CSS from i.pinimg.com
Let us now examine our code step by step. Step1: First, we’ll import the two newGoogle Fonts . We’ll use the universal selection to set the padding and margin to “zero.”..
Source: i.ytimg.com
Step1: To begin with , we will import our bootstrap from the official bootstrap website using the import link into the head section of our HTML.
Source: 1.bp.blogspot.com
What do I need to know to create my own portfolio? HTML, CSS and JavaScript are the foundational languages to create a website. You can come a long way just using these.
Source: i.ytimg.com
PORTFOLIO WEBSITE USING HTML, CSS,BOOTSTRAP5,JAVASCRIPT AND REACT.JS WITH EMAIL FUNCTIONALITY FREE LIVE HOSTING. Welcome to the brand new course.
Source: i.ytimg.com
Developed a portfolio using HTML and CSS. Contribute to Kameshtwri/Portfolio development by creating an account on GitHub.
Source: i.ytimg.com
You have to create HTML and CSS File For this Site. After creating these files just paste the following codes into your file. First Step, create an HTML file with the name of index.html and paste the given codes in your HTML file..
Source: i.ytimg.com
In this code, we have designed step by step all the predefined tags which were present in the HTML code. We have imported the fonts from Google fonts. In the body section,.
Source: i.ytimg.com
You can copy the CSS but need to write the HTML yourself. Download the icon of your Just change the name of the image file with a relevant file in the boilerplate below.
Source: webgyaani.com
Portfolio Website Using HTML CSS And JAVASCRIPT ( Source Code) First and foremost, we need to make the backbone of our website, an HTML file. I made the HTML file.
Source: www.codavilla.com
Being a web developer and having a portfolio helps a lot while applying for opportunities and acts as a showcase of our talent, so in this article, we will learn how to make.
Source: i.ytimg.com
Bootstrap is a popular front-end CSS framework which is used to develop responsive and mobile friendly websites. The latest release of Bootstrap is version 5. You can.
Source: 1.bp.blogspot.com
The FolioFlix personal portfolio HTML template is coded with Bootstrap v4.0, HTML5 & CSS3. It is well-suited for Freelancers, Business websites, Agencies, Personal portfolios, and Blogs. Photofolio – Photography.
Source: i.ytimg.com
First Step, create an HTML file with the name of index.html and paste the given codes in your HTML file. Remember, you’ve to create a file with .html extension and the.
Source: i.ytimg.com
We need three primary files: index.html, style.css & script.js. Also, we need a folder that will keep all of our images. See the file structure below: Portfolio website file structure We.
Source: codecary.com
HTML code: In this section, we will design the basic structure of the Portfolio Gallery. HTML
Create a Portfolio Gallery using.</p>
</aside>
<aside>
<img alt="Portfolio Website Using Html And Css portfolio website sourcecode"
src="https://i2.wp.com/1.bp.blogspot.com/-fWOhT5nZYa4/YA5vaMOel-I/AAAAAAAAAlE/dJvCHulHOiMZ0ixv689GYZLYZ4tdG80JgCLcBGAsYHQ/w1200-h630-p-k-no-nu/Create%2Ba%2BResponsive%2BPersonal%2BPortfolio%2BWebsite%2Busing%2BHTML%2BCSS.jpg"
width="100%" style="margin-right: 8px;margin-bottom: 8px;" />
<small>Source: <i>1.bp.blogspot.com</i></small>
<p>We create this portfolio website using html, css, and javascript. We use javascript in the portfolio website for only scroll animation with timing. So let’s create our simple.</p>
</aside>
<aside>
<img alt="40 Free HTML CSS Portfolio Web Design Templates"
src="https://i2.wp.com/codecary.com/wp-content/uploads/2021/07/E6gHF6un0XU-HD.jpg"
width="100%" style="margin-right: 8px;margin-bottom: 8px;" />
<small>Source: <i>codecary.com</i></small>
<p>Draco, a free PSD & HTML/CSS resume template. This is perfect for you who are building your resume online. If you’re looking to showcase your portfolio, this is a great template to consider. With its simplistic layout allows.</p>
</aside>
<aside>
<img alt="Responsive personal portfolio website using HTML and CSS"
src="https://i2.wp.com/i.ytimg.com/vi/UnlXPMKB-wE/maxresdefault.jpg"
width="100%" style="margin-right: 8px;margin-bottom: 8px;" />
<small>Source: <i>i.ytimg.com</i></small>
<p>2.Build glass dashboard with HTML and CSS tutorial glassmorphism. 3.Responsive Admin Dashboard using HTML and CSS. 4.Responsive Admin Dashboard.</p>
</aside>
</section>
</div>
<div class='post-footer gmr-mark-footer'>
<div class='gmr-footer-label'>
<span class='post-labels'>
</span>
</div>
<div class='gmr-share'>
<div class='gmr-sharetext'><h3><span>Share this Article</span></h3></div>
<ul>
<li>
<a class='gmr-share-btn facebook' href='https://www.blogger.com/share-post.g?blogID=4519275921747954528&postID=5900379921116968365&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Share to Facebook'>
<span class='fa fa-facebook'></span><span class='gmr-sharetext-btn'>Facebook</span>
</a>
</li>
<li>
<a class='gmr-share-btn twitter' href='https://www.blogger.com/share-post.g?blogID=4519275921747954528&postID=5900379921116968365&target=twitter' target='_blank' title='Share to X'>
<span class='fa fa-twitter'></span><span class='gmr-sharetext-btn'>Twitter</span>
</a>
</li>
<li>
<a class='gmr-share-btn gplus' href='https://plus.google.com/share?url=https://newkwgsgfrank.blogspot.com/2022/11/portfolio-using-html-and-css.html' target='_blank' title='Share in google plus'>
<span class='fa fa-google-plus'></span><span class='gmr-sharetext-btn'>Google Plus</span>
</a>
</li>
<li>
<a class='gmr-share-btn pinterest' href='https://www.blogger.com/share-post.g?blogID=4519275921747954528&postID=5900379921116968365&target=pinterest' target='_blank' title='Share to Pinterest'>
<span class='fa fa-pinterest-p'></span>
</a>
</li>
<li>
<a class='gmr-share-btn blogthis' href='https://www.blogger.com/share-post.g?blogID=4519275921747954528&postID=5900379921116968365&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'>
<span class='fa fa-bold'></span>
</a>
</li>
<li>
<a class='gmr-share-btn email' href='https://www.blogger.com/share-post.g?blogID=4519275921747954528&postID=5900379921116968365&target=email' target='_blank' title='Email This'>
<span class='fa fa-envelope'></span>
</a>
</li>
</ul>
<div class='gmr-subscribebox'>
<h4>Subscribe via Email</h4>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("https://feedburner.google.com/fb/a/mailverify?uri=DesainWebTipsBloggerDanWordpress", "popupwindow", "scrollbars=yes,width=550,height=520"); return true' target='popupwindow'>
<input id='gmr-subscribe-input' name='email' placeholder='Email Address..' type='text'/>
<input name='uri' type='hidden' value='DesainWebTipsBloggerDanWordpress'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='gmr-btn gmr-btn-orange gmr-btn-block' type='submit' value='Subscribe Now'/>
</form>
</div>
</div>
</div>
<div class='blog-pager gmr-clearfix' id='blog-pager'>
<span class='gmr-pull-left' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link gmr-btn' href='https://newkwgsgfrank.blogspot.com/2022/11/european-cup-2021-schedule.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>
<span class='fa fa-arrow-left'></span><span class='gmr-textpager-newer'>Newer Post</span>
</a>
</span>
<span class='gmr-pull-right' id='blog-pager-older-link'>
<a class='blog-pager-older-link gmr-btn' href='https://newkwgsgfrank.blogspot.com/2022/11/qatar-2022-official-website.html' id='Blog1_blog-pager-older-link' title='Older Post'>
<span class='gmr-textpager-older'>Older Post</span><span class='fa fa-arrow-right'></span>
</a>
</span>
</div>
</div>
<div class='gmr-related-headtitle'><h2><span>Related Post</span></h2></div>
<div class='gmr-relatedpost'>
<ul>
<script type='text/javascript'>showrelated();</script>
</ul>
</div>
<div id='disqus_thread'>
<a class='gmr-btn gmr-btn-green gmr-btn-block' href='#' onclick='gmr_disqus();return false;'>Click To Add Comments</a>
</div>
<div class='comments' id='comments'>
<h3>
0
komentar
</h3>
</div>
</div>
</div>
<!--Can't find substitution for tag [adEnd]-->
</div>
<div class='post-feeds'>
<div class='feed-links'>
Subscribe to:
<a class='feed-link' href='https://newkwgsgfrank.blogspot.com/feeds/5900379921116968365/comments/default' target='_blank' title='Post Comments' type='application/atom+xml'>Post Comments (Atom)</a>
</div>
</div>
</div></div>
</div>
<!-- End Main Layout -->
<!-- Start Sidebar Layout -->
<div class='gmr-layout-widget gmr-col-4-12' id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
<div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML10'>
</div><div class='widget PopularPosts' data-version='1' id='PopularPosts1'>
<h3><span>Popular Posts</span></h3>
<div class='widget-content popular-posts'>
<ul>
<li>
<div class='item-content gmr-clearfix'>
<div class='item-thumbnail'>
<a href='https://newkwgsgfrank.blogspot.com/2021/11/the-awakening-dragon-heart-legacy-book-1.html' target='_blank' title='The Awakening: The Dragon Heart Legacy, Book 1'>
<img alt='The Awakening: The Dragon Heart Legacy, Book 1' border='0' height='72' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGa55rGKomep8G9BpOftfnn5Zpke7fyz5UHI5YY8oJRt18RVxcuANOlNEVBrcj4dfmspNS3EbmgsjS-k1FnHRz64uGp8CEt_H0LNR5YnDW6a-phJrQc-EVNOXgid3wyy4nMIUeg-8T3Dxf/s72-c/272046_preview.png' title='The Awakening: The Dragon Heart Legacy, Book 1' width='72'/>
</a>
</div>
<div class='item-title'>
<a href='https://newkwgsgfrank.blogspot.com/2021/11/the-awakening-dragon-heart-legacy-book-1.html' title='The Awakening: The Dragon Heart Legacy, Book 1'>
The Awakening: The Dragon Heart Legacy, Book 1
</a>
</div>
<div class='item-snippet'>
(*PDF*) The Awakening: The Dragon Heart Legacy, Book 1 PDF/EPUB/EBOOK Read or Download The Awakening: The Dragon Heart Legacy, Book 1 Onl...
</div>
</div>
</li>
<li>
<div class='item-content gmr-clearfix'>
<div class='item-title'>
<a href='https://newkwgsgfrank.blogspot.com/2022/02/1001-jokes-book-pdf.html' title='1001 jokes book pdf'>
1001 jokes book pdf
</a>
</div>
<div class='item-snippet'>
1001 cool jokes with Glen Singleton : Free Download, Borrow, and. . Books. An illustration of two cells of a film strip. Video. An ill...
</div>
</div>
</li>
<li>
<div class='item-content gmr-clearfix'>
<div class='item-title'>
<a href='https://newkwgsgfrank.blogspot.com/2022/10/d-5e-dungeon-masters-guide-pdf.html' title='d&d 5e dungeon master's guide pdf'>
d&d 5e dungeon master's guide pdf
</a>
</div>
<div class='item-snippet'>
D&D 5e Dungeon Master's Guide : Wiz… . English Everything a Dungeon Master needs to weave legendary stories for the world’s gr...
</div>
</div>
</li>
</ul>
</div>
</div><div class='widget HTML' data-version='1' id='HTML111'>
<h3><span>Recent Posts</span></h3>
<div class='widget-content'>
<script src='/feeds/posts/default?orderby=published&max-results=7&alt=json-in-script&callback=recentpostslist'></script>
</div>
</div><div class='widget BlogSearch' data-version='1' id='BlogSearch1'>
<h2 class='title'>Search This Blog</h2>
<div class='widget-content'>
<div id='BlogSearch1_form'>
<form action='https://newkwgsgfrank.blogspot.com/search' class='gsc-search-box' target='_top'>
<table cellpadding='0' cellspacing='0' class='gsc-search-box'>
<tbody>
<tr>
<td class='gsc-input'>
<input autocomplete='off' class='gsc-input' name='q' size='10' title='search' type='text' value=''/>
</td>
<td class='gsc-search-button'>
<input class='gsc-search-button' title='search' type='submit' value='Search'/>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<div class='clear'></div>
</div>
<div class='widget Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Powered by <a href='https://www.blogger.com' target='_blank'>Blogger</a>.
</div>
<div class='clear'></div>
</div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Blog Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='flat'>
<li class='archivedate'>
<a href='https://newkwgsgfrank.blogspot.com/2023/01/'>January 2023</a> (2)
</li>
<li class='archivedate'>
<a href='https://newkwgsgfrank.blogspot.com/2022/11/'>November 2022</a> (32)
</li>
<li class='archivedate'>
<a href='https://newkwgsgfrank.blogspot.com/2022/10/'>October 2022</a> (9)
</li>
<li class='archivedate'>
<a href='https://newkwgsgfrank.blogspot.com/2022/02/'>February 2022</a> (8)
</li>
<li class='archivedate'>
<a href='https://newkwgsgfrank.blogspot.com/2021/11/'>November 2021</a> (12)
</li>
<li class='archivedate'>
<a href='https://newkwgsgfrank.blogspot.com/2021/10/'>October 2021</a> (5)
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Label' data-version='1' id='Label1'>
<h2>Labels</h2>
<div class='widget-content list-label-widget-content'>
<ul>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/account'>account</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/adjectives'>adjectives</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/adverbs'>adverbs</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/algren'>algren</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/alle'>alle</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/anglais'>anglais</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/antes'>antes</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/bedienungsanleitung'>bedienungsanleitung</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/book'>book</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/borrow'>borrow</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/call'>call</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/chess'>chess</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/club'>club</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/conference'>conference</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/download'>download</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/dungeon'>dungeon</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/elephants'>elephants</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/exercises'>exercises</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/francais'>francais</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/free'>free</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/from'>from</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/fundamentals'>fundamentals</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/guide'>guide</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/hills'>hills</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/installieren'>installieren</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/jokes'>jokes</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/laptop'>laptop</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/leer'>leer</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/lettres'>lettres</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/libros'>libros</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/like'>like</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/logiciel'>logiciel</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/master'>master</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/meeting'>meeting</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/minecraft'>minecraft</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/money'>money</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/morir'>morir</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/nelson'>nelson</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/nights'>nights</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/number'>number</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/players'>players</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/plus'>plus</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/pour'>pour</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/problems'>problems</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/protocoles'>protocoles</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/sharing'>sharing</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/solved'>solved</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/summary'>summary</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/surveying'>surveying</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/terrain'>terrain</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/tests'>tests</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/time'>time</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/trading'>trading</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/traduction'>traduction</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/venmo'>venmo</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/video'>video</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/view'>view</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/webex'>webex</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/white'>white</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/worksheet'>worksheet</a>
</li>
<li>
<a dir='ltr' href='https://newkwgsgfrank.blogspot.com/search/label/worksheets'>worksheets</a>
</li>
</ul>
<div class='clear'></div>
</div>
</div><div class='widget ReportAbuse' data-version='1' id='ReportAbuse1'>
<h3 class='title'>
<a class='report_abuse' href='https://www.blogger.com/go/report-abuse' rel='noopener nofollow' target='_blank'>
Report Abuse
</a>
</h3>
</div>
<div class='widget Profile' data-version='1' id='Profile1'>
<h2>About Me</h2>
<div class='widget-content'>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/01014326061975740253' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
rafmcmewqoa
</a>
</dt>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/01014326061975740253' rel='author'>View my complete profile</a>
<div class='clear'></div>
</div>
</div>
</div>
</div>
<!-- End Sidebar Layout -->
</div>
<!-- End gmr-row -->
</div>
<!-- End gmr-container -->
</div><!-- End gmr-main-layout -->
<!-- End Main Content Layout -->
<!-- Start Adsense Footer layout -->
<div class='gmr-container'>
<div class='gmr-row'>
<div class='gmr-col-1-1' id='adsense2-wrapper'>
<div class='adsense2 section' id='FooterBanner'><div class='widget HTML' data-version='1' id='HTML11'>
</div></div>
</div>
</div>
</div>
<!-- End Adsense Footer layout -->
<!-- Start Footer Credit layout -->
<div class='gmr-footer gmr-layout-widget' id='gmr-credit-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
<div class='gmr-container'>
<div class='gmr-row'>
<div class='gmr-col-4-12'>
<div class='footer1 no-items section' id='Footer1'></div>
</div>
<div class='gmr-col-4-12'>
<div class='footer2 no-items section' id='Footer2'></div>
</div>
<div class='gmr-col-4-12'>
<div class='footer3 no-items section' id='Footer3'></div>
</div>
</div>
</div>
<div class='gmr-container'>
<div class='gmr-row'>
<div class='gmr-col-1-1'>
<div class='credit'>
<div class='gmr-copyright'>Copyright <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> © <a class='gmr-credit' href='https://newkwgsgfrank.blogspot.com/' title='[JHF] BEST PRODUCT REVIEW'>[JHF] BEST PRODUCT REVIEW</a></div>
<!-- Please do not remove this credit link or your website will be redirect to website author. Hargai karya orang lain, ingin mengambil salah satu kode di theme ini silahkan, tapi jangan mengclaim theme ini milik ente. :D -->
<div class='gmr-credit'><a class='scroll' data-speed='500' href='#top' rel='nofollow' title='back to top'>Back to the top</a></div>
</div>
</div>
</div>
</div>
</div>
<!-- End Footer Credit layout -->
</div><!-- End gmr-allwrap -->
<script type='text/javascript'>
var disqus_shortname = 'xxxxx';
var disqus_blogger_current_url = "https://newkwgsgfrank.blogspot.com/2022/11/portfolio-using-html-and-css.html";
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = "https://newkwgsgfrank.blogspot.com/2022/11/portfolio-using-html-and-css.html";
}
var disqus_blogger_homepage_url = "https://newkwgsgfrank.blogspot.com/";
var disqus_blogger_canonical_homepage_url = "https://newkwgsgfrank.blogspot.com/";
var disqus_loaded = false;
</script>
<script type='text/javascript'>
// This is the function that will load Disqus comments on demand
function gmr_disqus() {
if (!disqus_loaded) {
// This is to ensure that Disqus widget is loaded only once
disqus_loaded = true;
var bloggerjs = document.createElement('script');
bloggerjs.type = 'text/javascript';
bloggerjs.async = true;
bloggerjs.src = '//'+disqus_shortname+'.disqus.com/blogger_item.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
var bloggerjs = document.createElement('script');
bloggerjs.type = 'text/javascript';
bloggerjs.async = true;
bloggerjs.src = '//'+disqus_shortname+'.disqus.com/blogger_index.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
}
}
</script>
<script type='text/javascript'>
//<![CDATA[
// http://codepen.io/rleve/pen/iCbgy
!function(){"use strict";if("querySelector"in document&&"addEventListener"in window&&Array.prototype.forEach){var e=function(e,t){var n,r=window.pageYOffset,o=e.offsetTop,i=o-r,c=i/(t/16),a=function(){window.scrollBy(0,c),n()};n=c>=0?function(){var e=window.pageYOffset;(e>=o-c||window.innerHeight+e>=document.body.offsetHeight)&&clearInterval(f)}:function(){var e=window.pageYOffset;(o||0)>=e&&clearInterval(f)};var f=setInterval(a,16)},t=document.querySelectorAll(".scroll");[].forEach.call(t,function(t){t.addEventListener("click",function(n){n.preventDefault();var r=t.getAttribute("href"),o=document.querySelector(r),i=t.getAttribute("data-speed");o&&e(o,i||500)},!1)})}}();
function setActive(){for(aObj=document.getElementById("gmrmenu").getElementsByTagName("a"),i=0;i<aObj.length;i++)document.location.href.indexOf(aObj[i].href)>=0&&(aObj[i].className="active")}!function(e,t){function n(e,t){for(var n=e.className.split(/\s+/),i=n.length,a=0;i>a;a++)if(n[a]===t){n.splice(a,1);break}i===n.length&&n.push(t),e.className=n.join(" ")}var i=t.getElementById("gmrmenuwrapper"),a=t.getElementById("gmrmenu"),m=t.getElementById("gmrmenuLink");m.onclick=function(e){var t="active";e.preventDefault(),n(i,t),n(a,t),n(m,t)}}(this,this.document),window.onload=setActive;
//]]>
</script>
<!-- This is optimize version and not include default javascript from blogger. If you use google plus comment featured maybe not work. Please change below code with only: </body> </html> This should working and display your google+ comment but may can slow load your blogger. Enjoy. Gian MR. ;) -->
<!--
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/654365252-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AAVkm1sPQTp1_EYwcMR_xd2mWF94:1778462267253';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4519275921747954528','//newkwgsgfrank.blogspot.com/2022/11/portfolio-using-html-and-css.html','4519275921747954528');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4519275921747954528', 'title': '[JHF] BEST PRODUCT REVIEW', 'url': 'https://newkwgsgfrank.blogspot.com/2022/11/portfolio-using-html-and-css.html', 'canonicalUrl': 'https://newkwgsgfrank.blogspot.com/2022/11/portfolio-using-html-and-css.html', 'homepageUrl': 'https://newkwgsgfrank.blogspot.com/', 'searchUrl': 'https://newkwgsgfrank.blogspot.com/search', 'canonicalHomepageUrl': 'https://newkwgsgfrank.blogspot.com/', 'blogspotFaviconUrl': 'https://newkwgsgfrank.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22[JHF] BEST PRODUCT REVIEW - Atom\x22 href\x3d\x22https://newkwgsgfrank.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22[JHF] BEST PRODUCT REVIEW - RSS\x22 href\x3d\x22https://newkwgsgfrank.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22[JHF] BEST PRODUCT REVIEW - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4519275921747954528/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22[JHF] BEST PRODUCT REVIEW - Atom\x22 href\x3d\x22https://newkwgsgfrank.blogspot.com/feeds/5900379921116968365/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/67692f944efa753a', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '5900379921116968365', 'postImageUrl': 'https://i2.wp.com/i.pinimg.com/originals/74/d0/5b/74d05bda7f6e0a404d3dde634f5079dc.jpg', 'pageName': 'portfolio using html and css', 'pageTitle': '[JHF] BEST PRODUCT REVIEW: portfolio using html and css'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'portfolio using html and css', 'description': ' Personal Portfolio Website using HTML \x26 CSS . You have to create HTML and CSS File For this Site. After creating these files just past...', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_urcjkwgh3oKX02uAHDZFYMSk8M6oxbUbGgDs8h5dJjBbmHLshxbOVa0zXTQBPU-PbIruKPFIfs4QKjgBml_6bRq5oK88cTQaGFdNbtAwb0_LtULt6B_qx1_mV-_R-TgKu69zR6ucy65Hpdks1JxpV_69VKjsDNq7YC', 'url': 'https://newkwgsgfrank.blogspot.com/2022/11/portfolio-using-html-and-css.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 5900379921116968365}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'navigation', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'HeaderBanner', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1053750561-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'sidebar', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML111', 'sidebar', document.getElementById('HTML111'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'sidebar', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'sidebar', document.getElementById('Attribution1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ReportAbuseView', new _WidgetInfo('ReportAbuse1', 'sidebar', document.getElementById('ReportAbuse1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'sidebar', document.getElementById('PageList1'), {'title': '', 'links': [{'isCurrentPage': false, 'href': 'https://newkwgsgfrank.blogspot.com/', 'title': 'Home'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'sidebar', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'FooterBanner', document.getElementById('HTML11'), {}, 'displayModeFull'));
</script>
</body>
--> </body>
</html> 