„content/homepage.html“ ändern
parent
77121dfcba
commit
cff70dd7b8
|
@ -37,18 +37,16 @@ ul.topnav li.right {float: right;}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<h1><center>Home page</center></h1>
|
|
||||||
|
|
||||||
<ul class="topnav">
|
<ul class="topnav">
|
||||||
<li><a class="active" href="#home">Home</a></li>
|
<li><a class="active" href="#home">Home</a></li>
|
||||||
<li><a href="#news">News</a></li>
|
<li><a href="#news">News</a></li>
|
||||||
<li><a href="#contact">Contact</a></li>
|
<li><a href="#contact">Contact</a></li>
|
||||||
<li class="right"><a href="#about">About</a></li>
|
<li class="right"><a href=".common/index.html">Log In</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div style="padding:0 16px;">
|
<div style="padding:0 16px;">
|
||||||
<h2>Responsive Topnav Example</h2>
|
<h2>ThreadR Homepage</h2>
|
||||||
<p>This example use media queries to stack the topnav vertically when the screen size is 600px or less.</p>
|
<p>This example use media queries to stack the topnav vertically when the screen size is 600px or less.</p>
|
||||||
<p>You will learn more about media queries and responsive web design later in our CSS Tutorial.</p>
|
<p>You will learn more about media queries and responsive web design later in our CSS Tutorial.</p>
|
||||||
<h4>Resize the browser window to see the effect.</h4>
|
<h4>Resize the browser window to see the effect.</h4>
|
||||||
|
|
Loading…
Reference in New Issue