2019-09-24 14:05:03 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> <a href="https://use.fontawesome.com/releases/v5.11.1/js/all.js"></a> <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet"> </head> <header> <h1>Keita Igarashi</h1> <p>~Portfolio Site~</p> <nav> <ul> <a href="#work"><i class="fas fa-desktop color fa-2x"></i></a> <li>Works</li> <a href="#skill"><i class="fas fa-toolbox color fa-2x"></i></a> <li>Skills</li> <a href="#profile"><i class="fas fa-user-circle color fa-2x"></i></a> <li>Profile</li> <a href="#contact-form"><i class="far fa-envelope color fa-2x"></i></a> <li>Contact</li> </ul> </nav> </header> <body> <div class="works"> <a id="work"></a> <h2>Works</h2> <img src="img/work01.jpg" align="left"> <ul> <h3>ポートフォリオサイト</h3> <li><br>自分のキャリア/保有スキル/成果物を</br>紹介するサイトを作成。</li> <h3>担当業務</h3> <li>企画/設計/コーディング</li> </ul> <div class="site1"></div> </div> <div class="skill"> <a id="skill"></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="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> </body> <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" ></i></a> <a href="https://twitter.com/igarashi_keita" target="_blank"> <i class="fab fa-twitter fa-3x my-blue "></i></a> <a href="https://github.com/Keita50" target="_blank"> <i class="fab fa-github-square fa-3x"></i></a> <i class="fab fa-instagram fa-3x "></i> </div> </footer>
index.html
RECOMMEND