wanderer/TEW-0x00
1
0
Fork 0
Code Issues Pull Requests Releases Activity

added prescribed img+updated subpages accordingly
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
surtur 2020-03-26 05:00:07 +01:00
parent 8430216591
commit df2371ef8a
Signed by: wanderer
GPG Key ID: 19CE1EC1D9E0486D
6 changed files with 40 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/style.css
View File

@ -29,6 +29,13 @@ img {
max-width: 800px;
}
.logoimg {
width: fit-content;
margin: 0 1em;
max-width: 250px;
padding: 15px;
}
a:link {
cursor: pointer;
color: #36c;
@ -110,6 +117,7 @@ footer {
color: linear-gradient(white,blue,red);
}
.divp {
display: flex;
flex-direction: column;
@ -140,6 +148,12 @@ pre {
border-radius: 4px;
}
#divlogoimg {
margin: 0 auto;
max-width: 300px;
width: 92%;
}
#bggradient {
display: flex;
flex-direction: column;

9
index.html
View File

@ -15,10 +15,17 @@
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<header>
<div id="divlogoimg">
<img class="logoimg" src="./media/logo.png">
</div>
</header>
<h1 class="title">tew-0x00</h1>
<h3 class="subtitle"> &gt CSS DEMO &lt </h3>
<p>Hello friend. This page tries to demonstrate basic CSS3 functionality.
<p>
Hello friend.<br>
This page tries to demonstrate basic CSS3 functionality.
<ul >
<li><a href="./pages/roundedcorners.html">CSS3 rounded corners</a></li>
<li><a href="./pages/backgroundgradient.html">CSS3 background gradient</a></li>

BIN
media/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

7
pages/backgroundgradient.html
View File

@ -13,7 +13,12 @@
<link rel="stylesheet" type="text/css" href="../css/prism.css" data-noprefix/>
</head>
<body>
<h2 class="subtitle"> &gt CSS DEMO &lt </h2>
<header>
<div id="divlogoimg">
<img class="logoimg" src="../media/logo.png">
</div>
</header>
<h3 class="title">background gradient</h3>
<div id="divsection">

7
pages/roundedcorners.html
View File

@ -13,7 +13,12 @@
<link rel="stylesheet" type="text/css" href="../css/prism.css" data-noprefix/>
</head>
<body>
<h2 class="subtitle"> &gt CSS DEMO &lt </h2>
<header>
<div id="divlogoimg">
<img class="logoimg" src="../media/logo.png">
</div>
</header>
<h3 class="title">rounded corners</h3>
<div id="divsection">

7
pages/shadows.html
View File

@ -13,7 +13,12 @@
<link rel="stylesheet" type="text/css" href="../css/prism.css" data-noprefix/>
</head>
<body>
<h2 class="subtitle"> &gt CSS DEMO &lt </h2>
<header>
<div id="divlogoimg">
<img class="logoimg" src="./media/logo.png">
</div>
</header>
<h3 class="title">shadows</h3>
<footer class="copyright">