Created
July 4, 2016 04:38
-
-
Save kdmgs110/52f21d0594f640ba9a1472c34ea402fe to your computer and use it in GitHub Desktop.
Submission for Techrise
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- saved from url=(0046)http://127.0.0.1:58389/Take%20Lesson/blog.html --> | |
| <html data-brackets-id="1237"><head data-brackets-id="1238"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| <script data-brackets-id="1239" type="text/javascript" src="./girlFriend_files/jquery.min.js"></script> | |
| <link data-brackets-id="1240" href="./girlFriend_files/css" rel="stylesheet" type="text/css"> | |
| <title data-brackets-id="1241">Dai Kawai</title> | |
| <style data-brackets-id="1242"> | |
| a{ | |
| text-decoration: none; | |
| } | |
| html{ | |
| font-size:30px; | |
| font-family: 'Oswald', sans-serif; | |
| line-height: 50px; | |
| color:black; | |
| } | |
| body{ | |
| margin:auto 0; | |
| background-color:#EEEEEE; | |
| text-align: center; | |
| } | |
| header{ | |
| background-color:black; | |
| background-position: center; | |
| background-size:cover; | |
| text-align: center; | |
| color:whitesmoke; | |
| padding:30px; | |
| } | |
| img{ | |
| border-radius: 500px; | |
| border:7px solid white; | |
| } | |
| ul{ | |
| margin-bottom:30px; | |
| text-decoration: none; | |
| padding:10px; | |
| } | |
| li{ | |
| display:inline; | |
| background-color:deeppink; | |
| color:white; | |
| margin-bottom:50px; | |
| padding:20px; | |
| text-decoration: none; | |
| } | |
| input{ | |
| margin-bottom: 100px; | |
| } | |
| input[type="email"]{ | |
| width:250px; | |
| height:50px; | |
| padding:20px; | |
| border-radius:20px; | |
| } | |
| input[type="submit"]{ | |
| width:100px; | |
| height:50px; | |
| background-color:deeppink; | |
| color:white; | |
| border-radius: 20px; | |
| margin: 20px ; | |
| font-size: 20px; | |
| } | |
| article{ | |
| background-position:center; | |
| margin: 30px 0 0 0; | |
| text-align:left; | |
| font-size:30px; | |
| font-family:sans-serifs; | |
| width:1000px; | |
| padding:20px; | |
| margin:0 auto; | |
| } | |
| h1{ | |
| font-size:60px; | |
| } | |
| h2{ | |
| font-size:60px; | |
| color:deeppink; | |
| } | |
| div{ | |
| width:800px; | |
| height:500px; | |
| padding-bottom:30px; | |
| text-align: left; | |
| background-position: center; | |
| background-size: cover; | |
| margin:0 auto; | |
| color:white; | |
| } | |
| div>p{ | |
| background-color: black; | |
| margin:380px 0 0 0 ; | |
| opacity:.6; | |
| } | |
| .TC{ | |
| background-image:url("http://www.japantoday.com/images/size/x/2012/12/Takigawa-.jpg"); | |
| } | |
| .IS{ | |
| background-image:url("http://ishiharasatomi-fan.pink/wp-content/uploads/2015/08/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2015-08-03-8.33.28.png"); | |
| } | |
| .HI{ | |
| background-image:url("https://pbs.twimg.com/profile_images/433601929743056896/lITjKAnH.jpeg"); | |
| } | |
| .AK{ | |
| background-image:url("http://mdpr.jp/photo/images/2016/02/10/w700c-e_1974466.jpg"); | |
| } | |
| .SM{ | |
| background-image:url("https://mariko.fanmo.jp/main_image.php?id=7"); | |
| } | |
| @media(max-width: 500px){ | |
| li{ | |
| display: block; | |
| } | |
| ul{ | |
| display: block; | |
| } | |
| article{ | |
| width:350px; | |
| font-size:20px; | |
| } | |
| BlogPosts>h1{ | |
| color:black; | |
| } | |
| </style> | |
| </head> | |
| <body data-brackets-id="1257"><header data-brackets-id="1243"> | |
| <img data-brackets-id="1244" src="./girlFriend_files/12801109_766000553534128_8207387186069051803_n.jpg" width="250px" height="250px"> | |
| <h1 data-brackets-id="1245">Dai's Hub</h1> | |
| <p data-brackets-id="1246">All I need is hook-ups! | |
| <br data-brackets-id="1247">Please contact me. | |
| </p> | |
| <input data-brackets-id="1248" type="email" placeholder="Your E-mail" width="50px" height="10px"> | |
| <input data-brackets-id="1249" type="submit"> | |
| <ul data-brackets-id="1250"> | |
| <li data-brackets-id="1251"><a data-brackets-id="1252" href="http://www.google.com/">About Me</a></li> | |
| <li data-brackets-id="1253"><a data-brackets-id="1254" href="http://www.yahoo.co.jp/">Three Charming Points</a></li> | |
| <li data-brackets-id="1255"><a data-brackets-id="1256" href="http://dmm.com/">Contact</a></li> | |
| </ul> | |
| </header> | |
| <h1 data-brackets-id="1258">My ex-girl friends are awesome! </h1> | |
| <div data-brackets-id="1259" class="TC"> | |
| <h2 data-brackets-id="1260">Takigawa Christel</h2> | |
| <p data-brackets-id="1261">She is my first girl friend. She gave up on me because I was too selfish. </p> | |
| </div> | |
| <div data-brackets-id="1262" class="IS"> | |
| <h2 data-brackets-id="1263">Ishihara Satomi</h2> | |
| <p data-brackets-id="1264">She is my second girl friend. After I confrssed my feeling, only two weeks ago she disappeared somewhere. </p> | |
| </div> | |
| <div data-brackets-id="1265" class="HI"> | |
| <h2 data-brackets-id="1266">Hashimoto Ai</h2> | |
| <p data-brackets-id="1267">She is my third girl friend. I started dating when I was 16 years old and broke up at the age of 20.</p> | |
| </div> | |
| <div data-brackets-id="1268" class="AK"> | |
| <h2 data-brackets-id="1269">Arimura Kasumi</h2> | |
| <p data-brackets-id="1270">She is my fourth girl friend. Kinda kimazui feeling.I am still missing you, baby.</p> | |
| </div> | |
| <div data-brackets-id="1271" class="SM"> | |
| <h2 data-brackets-id="1272">Shinoda Mariko</h2> | |
| <p data-brackets-id="1273">She is my last girl friend. I have been staying for almost a year.Mariko is forever.</p> | |
| </div> | |
| <div data-brackets-id="1274" class="BlogPosts"> | |
| <h1 data-brackets-id="1275">Blog Posts</h1> | |
| <img data-brackets-id="1276" src="./girlFriend_files/11709694_970690419642496_7910698443847496354_n.jpg"> | |
| </div> | |
| <article data-brackets-id="1277"> | |
| <h2 data-brackets-id="1278">I made a new song yesterday!</h2> | |
| <p data-brackets-id="1279">Hi, I'm Dai. Yesterday, new song was released. | |
| The song is called "Fuck Off 5 6 7", meaning the | |
| depressing moment when so many boring classes | |
| demotivate me.So I came up with thi song in the class. The main point of this song is that whole classes are asshole, and can be alternate to machines. Old fashioned professors should be fired. That is what I said in the lyrics. | |
| </p> | |
| </article> | |
| <article data-brackets-id="1280"> | |
| <h2 data-brackets-id="1281">I made a new song yesterday!</h2> | |
| <p data-brackets-id="1282">Hi, I'm Dai. Yesterday, new song was released. | |
| The song is called "Fuck Off 5 6 7", meaning the | |
| depressing moment when so many boring classes | |
| demotivate me.So I came up with thi song in the class. The main point of this song is that whole classes are asshole, and can be alternate to machines. Old fashioned professors should be fired. That is what I said in the lyrics. | |
| </p> | |
| </article> | |
| <article data-brackets-id="1283"> | |
| <h2 data-brackets-id="1284">I made a new song yesterday!</h2> | |
| <p data-brackets-id="1285">Hi, I'm Dai. Yesterday, new song was released. | |
| The song is called "Fuck Off 5 6 7", meaning the | |
| depressing moment when so many boring classes | |
| demotivate me.So I came up with thi song in the class. The main point of this song is that whole classes are asshole, and can be alternate to machines. Old fashioned professors should be fired. That is what I said in the lyrics. | |
| </p> | |
| </article> | |
| <article data-brackets-id="1286"> | |
| <h2 data-brackets-id="1287">I made a new song yesterday!</h2> | |
| <p data-brackets-id="1288">Hi, I'm Dai. Yesterday, new song was released. | |
| The song is called "Fuck Off 5 6 7", meaning the | |
| depressing moment when so many boring classes | |
| demotivate me.So I came up with thi song in the class. The main point of this song is that whole classes are asshole, and can be alternate to machines. Old fashioned professors should be fired. That is what I said in the lyrics. | |
| </p> | |
| </article> | |
| <article data-brackets-id="1289"> | |
| <h2 data-brackets-id="1290">I made a new song yesterday!</h2> | |
| <p data-brackets-id="1291">Hi, I'm Dai. Yesterday, new song was released. | |
| The song is called "Fuck Off 5 6 7", meaning the | |
| depressing moment when so many boring classes | |
| demotivate me.So I came up with thi song in the class. The main point of this song is that whole classes are asshole, and can be alternate to machines. Old fashioned professors should be fired. That is what I said in the lyrics. | |
| </p> | |
| </article> | |
| </body></html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <DOC!TYPE=HTML> | |
| <head> | |
| <title>Dai Kawai</title> | |
| <style> | |
| body{ | |
| background-image: url(http://www.toiu.jp/room_img/401.jpg); | |
| background-position: center; | |
| background-size:cover; | |
| text-align: center; | |
| font-family: cursive; | |
| font-size:45px; | |
| color:white; | |
| } | |
| input{ | |
| text-align: center; | |
| padding:14px; | |
| font: 15px; | |
| } | |
| input[type="submit"]{ | |
| color:white; | |
| background: pink; | |
| } | |
| img{ | |
| border-radius:20px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <img src="http://joetsu-shinbun.com/v1/106/0004/3.jpg" width="300" height="300"> | |
| <p>Hi! I'm Dai! Looking for amazing hook-ups.</p> | |
| <input type="email" placeholder="Your email, please" ></input> | |
| <input type="submit" value="Get The Adventure Started"></input> | |
| </body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment