Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit bf8dd27

Browse files
Merge pull request #5 from liloo2040/dev
anadido mas diseno a la rama con css
2 parents 9cd9770 + 48e3d78 commit bf8dd27

File tree

2 files changed

+77
-2
lines changed

2 files changed

+77
-2
lines changed

‎app/views/Home/Home.php

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,19 @@
33
<html>
44
<head>
55
<title>Home</title>
6+
<meta charset="utf-8" />
67
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
8+
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
9+
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
10+
<link rel="stylesheet" type="text/css" href="main.css" />
711
</head>
812
<body>
913
<!-- Main jumbotron for a primary marketing message or call to action -->
10-
<div >
14+
<div class="jumbotron header">
1115
<div class="container text-center">
1216
<h1>Hola, <?= $nombre ?>!</h1>
1317
<p>Este es un ejemplo de MVC con Php vanilla hecho desde cero.</p>
14-
<p><a class="btn btn-primary btn-lg" target="_blank" href="https://github.com/Developero-oficial/php-mvc" role="button">Código fuente &raquo;</a></p>
18+
<p><a class="btn btn-primary btn-lg button" target="_blank" href="https://github.com/Developero-oficial/php-mvc" role="button">Código fuente &raquo;</a></p>
1519
</div>
1620
</div>
1721
</body>

‎main.css

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
body{
2+
margin: 0 auto;
3+
font-family: 'Raleway', sans-serif;
4+
color: #ffffff;
5+
}
6+
7+
h1{
8+
font-family: 'Quicksand', sans-serif;
9+
text-shadow: 1px 2px #660066;
10+
}
11+
12+
.button{
13+
background-color: #fff;
14+
text-transform: uppercase;
15+
color: #000009;
16+
border: 1px solid #fff;
17+
}
18+
19+
.button :hover{
20+
background: #000009;
21+
opacity: 0.5;
22+
font-weight: bold;
23+
}
24+
25+
.button :visited{
26+
background: #000225;
27+
opacity: 1;
28+
}
29+
.header {
30+
background: linear-gradient(-90deg, #33ccff, #000066,#9999ff, #660066);
31+
-webkit-animation: header 20s ease infinite;
32+
-moz-animation: header 20s ease infinite;
33+
animation: header 20s ease infinite;
34+
background-size: 500% 500%;
35+
}
36+
37+
@-webkit-keyframes header{
38+
0%{
39+
background-position: 0% 50%;
40+
}
41+
50%{
42+
background-position: 100% 100%;
43+
}
44+
100%{
45+
background-position: 50% 0%;
46+
}
47+
}
48+
49+
@-moz-keyframes header{
50+
0%{
51+
background-position: 0% 50%;
52+
}
53+
50%{
54+
background-position: 100% 100%;
55+
}
56+
100%{
57+
background-position: 50% 0%;
58+
}
59+
}
60+
61+
@keyframes header{
62+
0%{
63+
background-position: 0% 50%;
64+
}
65+
50%{
66+
background-position: 100% 100%;
67+
}
68+
100%{
69+
background-position: 50% 0%;
70+
}
71+
}

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /