Skip to content

Xiangxuemeng #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
kirioxiangmeow wants to merge 16 commits into
base: master
Choose a base branch
from
Open

Xiangxuemeng #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
ce19b76
作业1.1
kirioxiangmeow Sep 6, 2016
01b1cdb
作业1.2苹果官网
kirioxiangmeow Sep 12, 2016
cdc6853
作业1.3评论列表by kirioxiang
kirioxiangmeow Sep 13, 2016
9a70f45
作业1.1first web+star by kirioxiang
kirioxiangmeow Sep 13, 2016
b5d9a8b
作业1.2基础题苹果官网by kirioxiang
kirioxiangmeow Sep 13, 2016
4afd212
作业1.4墙壁上的火炉by kirioxiang
kirioxiangmeow Sep 15, 2016
b21c029
Rename apple_web.html.html to apple_web.html
kirioxiangmeow Sep 15, 2016
07c6528
作业1.5基础题 10MINs by kirioxiang
kirioxiangmeow Sep 17, 2016
a4b92e6
作业1.5基础题 10MINs by kirioxiang
kirioxiangmeow Sep 17, 2016
d2e284b
作业1.6基础题 详情页 by kirioxiang
kirioxiangmeow Sep 17, 2016
60cca39
作业1.6挑战题 登录界面 by kirioxiang
kirioxiangmeow Sep 17, 2016
d377090
作业1.5 挑战题 修改博客 by kirioxiang
kirioxiangmeow Sep 17, 2016
ed3d4ba
作业1.5挑战题 修改博客 by kirioxiang
kirioxiangmeow Sep 17, 2016
d4c2508
Revert "作业1.5挑战题 修改博客 by kirioxiang"
kirioxiangmeow Sep 17, 2016
40ed3f8
作业1.2挑战题 win 8 风格 by kirioxiang
kirioxiangmeow Sep 17, 2016
1479724
level1大作业 by kirioxiang
kirioxiangmeow Sep 18, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added Level1/final_practice/.DS_Store
View file
Open in desktop
Binary file not shown.
Binary file added Level1/final_practice/Step2_Practice/.DS_Store
View file
Open in desktop
Binary file not shown.
Binary file added Level1/final_practice/Step2_Practice/images/.DS_Store
View file
Open in desktop
Binary file not shown.
Binary file added Level1/final_practice/Step2_Practice/images/berries-1546125__340.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Level1/final_practice/Step2_Practice/images/bremen-town-musicians-1651945__340.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Level1/final_practice/Step2_Practice/images/cobweb-1630493__340.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Level1/final_practice/Step2_Practice/images/dachshund-1519374__340.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Level1/final_practice/Step2_Practice/images/elan-1623088__340.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Level1/final_practice/Step2_Practice/images/mill-1620440__340.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Level1/final_practice/Step2_Practice/images/rk5161-1636868__340.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Level1/final_practice/Step2_Practice/images/sunset-1625073__340.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Level1/final_practice/Step2_Practice/images/tenlogo.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...final_practice/Step2_Practice/images/yellowstone-national-park-1581879__340.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Level1/final_practice/Step3_ShowYourCode/showyourcode.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Level1/final_practice/Step3_ShowYourCode/xiangxuemeng/.DS_Store
View file
Open in desktop
Binary file not shown.
83 changes: 83 additions & 0 deletions Level1/final_practice/Step3_ShowYourCode/xiangxuemeng/10MIN.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@

.ui.basic.vertical.segment{
height: 300px;
background: url('images/detail.jpg');
background-size: cover;
background-repeat: no-repeat;

}


.ui.basic.very.padded.segment{

width: 512px;
height: 256px;
position: absolute;
left: 50%;
transform: translate(-50%,0);

}

body{
margin: 0;
}


.img {
border: white solid 2px;
border-radius: 3px;
width: 20px;
height: 20px;
background-color: rgb(10, 125, 231);
text-align: center;

}


.ui.red.circular.button {
width: 220px;
}

.ui.header.logo {
font-size: 30px;
color: rgb(196, 196, 196);
}

.ui.inverted.segment.card-view {
height: 220px;
border: 2px solid rgb(229, 229, 238);


}


.ui.buttons.upp{
border: solid rgb(229, 229, 238) 1px;
position: absolute;
top:20%;
left:50%;
transform: translate(-50%,-50%);
}

.ui.vertical.basic.segment.recommended{
position: absolute;
top:50%;
left: 15%;
transform: translate(0,-50%);
width: 900px;
}


.ui.button.kk{
border: 1px solid rgb(178, 178, 189) ;
}

.ui.buttons.down{
border: 1px solid rgb(178, 178, 189);
position: absolute;
position: absolute;
top:200%;
left: 50%;
transform: translate(-50%,-50%);
margin: 20px;
}
196 changes: 196 additions & 0 deletions Level1/final_practice/Step3_ShowYourCode/xiangxuemeng/10MIN.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,196 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>10 MIN</title>
<link rel="stylesheet" href="css/semantic.css" media="screen" title="no title" charset="utf-8">
<link rel="stylesheet" href="10MIN.css" media="screen" title="no title" charset="utf-8">
</head>
<body>

<div class="ui inverted vertical red segment" style="padding:5px 10px 5px 0" >
<div class="ui text menu" style="margin:0">
<div class="item" >
<div class="ui image 10min" >
<img src="images/tenlogo.png" alt="" />
</div>
</div>
<div class="right menu">
<div class="item">
<div class="img">
<span style="color:white">?</span>
</div>
</div>
<div class="item" style="color:white">
admin
</div>
<div class="item mm" >
<button type="button" name="button" class="ui inverted white circular button " >Log out</button>
</div>
</div>
</div>
</div>

<div class="ui buttons upp">
<button class="ui button" style="color:grey">ALL</button>
<button class="ui button" style="color:grey">New</button>
<button class="ui button" style="background-color:rgb(255,255,255)">Editor's</button>
</div>

<div class="ui vertical basic segment recommended">

<div class="ui three column grid container">
<div class="column">
<div class="ui inverted segment card-view" style="background: url('images/bremen-town-musicians-1651945__340.jpg');background-size: cover;background-repeat: no-repeat; background-position:center;">
</div>
<h4 class="ui header">
Ut unde numquam non nisl..
</h4>
<span>
10k
<i class="icon unhide"></i>
</span>
<span>
<i class="checkmark icon"></i>
10 people got it
</span>
</div>

<div class="column">
<div class="ui inverted segment card-view" style="background: url('images/mill-1620440__340.jpg');background-size: cover;background-repeat: no-repeat;">
</div>
<h4 class="ui header">
Nesclunt eligendi qui et si...
</h4>
<span>
10k
<i class="icon unhide"></i>
</span>
<span>
<i class="checkmark icon"></i>
10 people got it
</span>
</div>

<div class="column">
<div class="ui inverted segment card-view" style="background: url('images/sunset-1625073__340.jpg');background-size: cover;background-repeat: no-repeat;">
</div>
<h4 class="ui header">
Quo accusantium commodi in...
</h4>
<span>
10k
<i class="icon unhide"></i>
</span>
<span>
<i class="checkmark icon"></i>
10 people got it
</span>
</div>

<div class="column">
<div class="ui inverted segment card-view" style="background: url('images/cobweb-1630493__340.jpg');background-size: cover;background-repeat: no-repeat;">
</div>
<h4 class="ui header">
bremen-town-musicians
</h4>
<span>
10k
<i class="icon unhide"></i>
</span>
<span>
<i class="checkmark icon"></i>
10 people got it
</span>
</div>

<div class="column">
<div class="ui inverted segment card-view" style="background: url('images/rk5161-1636868__340.jpg');background-size: cover;background-repeat: no-repeat;">
</div>
<h4 class="ui header">
bremen-town-musicians
</h4>
<span>
10k
<i class="icon unhide"></i>
</span>
<span>
<i class="checkmark icon"></i>
10 people got it
</span>
</div>

<div class="column">
<div class="ui inverted segment card-view" style="background: url('images/berries-1546125__340.jpg');background-size: cover;background-repeat: no-repeat;">
</div>
<h4 class="ui header">
bremen-town-musicians
</h4>
<span>
10k
<i class="icon unhide"></i>
</span>
<span>
<i class="checkmark icon"></i>
10 people got it
</span>
</div>

<div class="column">
<div class="ui inverted segment card-view" style="background: url('images/elan-1623088__340.jpg');background-size: cover;background-repeat: no-repeat; background-position: center;">
</div>
<h4 class="ui header">
bremen-town-musicians
</h4>
<span>
10k
<i class="icon unhide"></i>
</span>
<span>
<i class="checkmark icon"></i>
10 people got it
</span>
</div>

<div class="column">
<div class="ui inverted segment card-view" style="background: url('images/yellowstone-national-park-1581879__340.jpg');background-size: cover;background-repeat: no-repeat;">
</div>
<h4 class="ui header">
bremen-town-musicians
</h4>
<span>
10k
<i class="icon unhide"></i>
</span>
<span>
<i class="checkmark icon"></i>
10 people got it
</span>
</div>

<div class="column">
<div class="ui inverted segment card-view" style="background: url('images/dachshund-1519374__340.jpg');background-size: cover;background-repeat: no-repeat;">
</div>
<h4 class="ui header">
bremen-town-musicians
</h4>
<span>
10k
<i class="icon unhide"></i>
</span>
<span>
<i class="checkmark icon"></i>
10 people got it
</span>
</div>

</div>
</div>

<div class="ui buttons down">
<button class="ui button kk" style="background-color:rgb(255,255,255)"><i class="arrow inverted red left icon"></i></button>
<button class="ui button kk" style="background-color:rgb(255,255,255)" ><i class="arrow inverted red right icon"></i></button>

</div>
</body>
</html>
Binary file added Level1/final_practice/Step3_ShowYourCode/xiangxuemeng/css/.DS_Store
View file
Open in desktop
Binary file not shown.
Loading