2019-09-24 14:06:31 HTML

index.html

Copy Copied! Full
<!DOCTYPE html> <html> <meta charset="utf-8"> <link rel="stylesheet" href="CSS/stylesheet.css"> <title>My Profile</title> <head> <link rel="stylesheet" href="css/font-awesome/css/font-awesome.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"> </head> <body> <header> <nav> <ul> <li><a href="#profile">Profile</a></li> <li><a href="#skills">Skills</a></li> <li><a href="#works">Works</a></li> <li><a href="#contact-form">Contact Me</a></li> </ul> </nav> </header> <div class="site-ttl"> <h1>Keita Igarashi</h1> <p>~Portfolio site~</p> </div> <div class="profile"> <a id="profile"></a> <h2>Profile</h2> <ul> <li>Live:東京都</li> <li>Age:29</li> <li>Job:IT関係</li> <li>エンジニア職への転職を考えており、プログラミングを日々勉強中。</li> <li>Hobby:旅行、スポーツ観戦、Runnning、飲酒(Beer、Whisky)</li> </ul> </div> <div class="skills"> <a id="skills"></a> <h2>skills</h2> <div class="graph"> <div class="html"> <span class="bar" style="width:70%;">HTML/CSS</span> </div> <div class="PHP"> <span class="bar" style="width:20%;">PHP</span> </div> <div class="JQuery"> <span class="bar" style="width:15%;">JQuery</span> </div> <div class="Passion"> <span class="bar" style="width:100%;">Passion</span> </div> </div> </div> <div class="works"> <a id="works"></a> <h2>Works</h2> <p>No Image</p> </div> <footer> <div class="contact-form"> <a id="contact-form"></a> <h2>Contact Me</h2> <p>mail:keita.igarashi555@gmail.com</br> Copyright © 2019 All Rights Reserved By <span>Keita Igarashi inc.</span> </p> <a href="https://www.facebook.com/keita.igarashi.146" target="_blank"> <i class="fab fa-facebook-square fa-3x my-violet fa-spin" ></i></a> <a href="https://twitter.com/igarashi_keita" target="_blank"> <i class="fab fa-twitter fa-3x my-blue fa-spin"></i></a> <a href="https://github.com/Keita50" target="_blank"> <i class="fab fa-github-square fa-3x fa-spin"></i></a> <i class="fab fa-instagram fa-3x fa-spin"></i> </div> </footer> </body> </html>
index.html
RECOMMEND