diff --git a/Aplication TT/.vscode/settings.json b/Aplication TT/.vscode/settings.json new file mode 100644 index 0000000..4790847 --- /dev/null +++ b/Aplication TT/.vscode/settings.json @@ -0,0 +1,22 @@ +{ + "workbench.colorCustomizations": { + "activityBar.activeBackground": "#e7e7e4", + "activityBar.background": "#e7e7e4", + "activityBar.foreground": "#15202b", + "activityBar.inactiveForeground": "#15202b99", + "activityBarBadge.background": "#38a7a7", + "activityBarBadge.foreground": "#15202b", + "commandCenter.border": "#15202b99", + "sash.hoverBorder": "#e7e7e4", + "statusBar.background": "#cfcfc9", + "statusBar.foreground": "#15202b", + "statusBarItem.hoverBackground": "#b7b7ae", + "statusBarItem.remoteBackground": "#cfcfc9", + "statusBarItem.remoteForeground": "#15202b", + "titleBar.activeBackground": "#cfcfc9", + "titleBar.activeForeground": "#15202b", + "titleBar.inactiveBackground": "#cfcfc999", + "titleBar.inactiveForeground": "#15202b99" + }, + "peacock.color": "#cfcfc9" +} \ No newline at end of file diff --git a/Aplication TT/Styles/styles1.css b/Aplication TT/Styles/styles1.css new file mode 100644 index 0000000..4fcfb4e --- /dev/null +++ b/Aplication TT/Styles/styles1.css @@ -0,0 +1,107 @@ +@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap'); + + +*{ + box-sizing: border-box; + margin: 0; + padding: 0; + font-family: 'nunito', sans-serif; + font-size: 20px; +} + +html{ + scroll-behavior: smooth; +} + +body{ + background-color: #cfcfc9; +} + +.header{ + position: fixed; + top: 0; + width: 100%; + z-index: 1000; + background-color: transparent; + /* background: linear-gradient(to right, #add4e3, #ffffff); */ + display: flex; + justify-content: space-between; + align-items: center; + height: 70px; + padding: 35px 10%; +} + +.header .logo{ + cursor: pointer; +} + +.header .logo img{ + height: 95px; + width: auto; + transition: all 0.3; +} + +.header .logo img:hover{ + transform: scale(1.2); +} + +.header .nav-links{ + list-style: none; +} + +.header .nav-links li{ + display: inline-block; + padding: 0 20px; +} + +.header .nav-links li:hover{ + transform: scale(1.1); + cursor: pointer; +} + +.header .nav-links a{ + font-size: 700; + color: rgb(0, 0, 0); + text-decoration: none; +} + +.header .nav-links li a:hover{ + color: seagreen; +} + +.header .btn button{ + font-weight: 700; + color:rgb(255, 255, 255); + padding: 9px 25px; + background: seagreen; + border: none; + border-radius: 50px; + cursor: pointer; + transition: all 0.3s ease 0s; +} + +.header .btn button:hover{ + background-color: rgb(9, 9, 11); + color: rgb(225, 218, 219); + transform: scale(1.1); +} + +/* SECTION VIDEO */ + +video { + width: 100%; + height: 100%; + object-fit: cover; +} + +.video-container { + position: relative; + padding-bottom: 56.25%; + overflow: hidden; + max-width: 100%; + height: auto; + display: block; + margin: 0 auto; +} + + diff --git a/Aplication TT/Videos/BackAGMP3.mp4 b/Aplication TT/Videos/BackAGMP3.mp4 new file mode 100644 index 0000000..618b598 Binary files /dev/null and b/Aplication TT/Videos/BackAGMP3.mp4 differ diff --git a/Aplication TT/Videos/VidAGMP2.mp4 b/Aplication TT/Videos/VidAGMP2.mp4 new file mode 100644 index 0000000..f0750be Binary files /dev/null and b/Aplication TT/Videos/VidAGMP2.mp4 differ diff --git a/Aplication TT/Videos/VideoBackg.mp4 b/Aplication TT/Videos/VideoBackg.mp4 new file mode 100644 index 0000000..0e38f41 Binary files /dev/null and b/Aplication TT/Videos/VideoBackg.mp4 differ diff --git a/Aplication TT/index3.html b/Aplication TT/index3.html index bac655a..a40f7de 100644 --- a/Aplication TT/index3.html +++ b/Aplication TT/index3.html @@ -1,109 +1,43 @@ - - - - Document - - + + + + Document + + + -

Hola

+ - +
-
- -
- - - -
-
- - -
- -
- - - - - -
-
- -
-
- - -
- -
- - - - - + + + +
+ + + +
+ +
+ + \ No newline at end of file