Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
my-webpage/index.html
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
90 lines (77 sloc)
4.59 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html><head> | |
| <meta charset="utf-8"> | |
| <title>Welcome to Cameron's Webpage</title> | |
| <style>*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background-color:#ffde96}@media screen and (max-width:400px){body{background-color:olive}}.nav-main{width:100%;top:0;margin-top:0;margin-left:0;margin-right:0;position:fixed;padding:10px;background-color:#ffde96;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.item a{text-decoration:none;color:#000000}.title{margin-top:40px;color:#000000}.col1{display:flex;justify-content:center}.item2{width:30%;margin-left:5px;margin-right:5px;border:1px solid gray;padding:10px}.col2{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.item3{margin-left:5px;margin-right:5px;margin-bottom:5px;border:1px solid gray;padding:10px}h2{color:#000000}ul{padding:0;list-style:none}.item{display:flex;padding-left:20px;padding-right:20px}.submit{background-color:#000000;border:2px solid #000000;font-size:10px;color:#fff;padding:5px} </style> | |
| <style> | |
| hr{ | |
| height: 1px; | |
| color: red; | |
| background-color: grey; | |
| border: none; | |
| } | |
| </style> | |
| <style> | |
| li a:hover { | |
| background-color: #555; | |
| color: white; | |
| } | |
| </style> | |
| <style> | |
| .please { | |
| display: flex; | |
| justify-content: space-around; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="top"> </div> | |
| <header class="header-main"> | |
| <h1 class="title">Cameron's Webpage</h1> | |
| <h5><em>About me, some projects, and contact information</em></h5><h5> | |
| <nav> | |
| <ul class="nav-main"> | |
| <li class="item"><a href="#top">About Me</a></li> | |
| <li class="item"><a href="#recent">Some Recent Projects</a></li> | |
| <li class="item"><a href="#contact">Contact</a></li> | |
| </ul> | |
| </nav> | |
| </h5></header> | |
| <main class="main-content"> | |
| <p class="padding2"> | |
| My name is Cameron Yanicky and I am currently a sophomore at UConn Hartford with plans to transfer to Storrs next semester. To say the least, I am very excited to change campuses and to see what Storrs has in store for me. I’m eager to explore the loads of classes that I am now able to take since I have officially transferred. One subject of courses that I am particularly excited for are the DMD courses. I’m more than eager to take my love and passion of digital media to the next level, as well as exploring new avenues in the subject as well (I’ve always been interested in animation). I am also very excited to learn more and improve my skills in web develpment and design. | |
| <br> | |
| I am also blessed to be a part of a very pivotal time in human history where it is easier than ever for people to create. Everyone has a powerful camera right in their pockets just waiting to be used, and honestly just thinking about that makes me excited. I wonder what the future holds for artists working in the digital field. There are also hundreds of apps that can be downloaded to your phone that people have made beautiful pieces of art from, I absolutely love this ease of access to creation. | |
| </p><div id="recent"> </div> | |
| <hr> | |
| <br> | |
| <br> | |
| <section class="sample"> | |
| <ul class="col2"> | |
| </script> | |
| <li class="item3"><img src="https://i.imgur.com/0sKuC0J.jpg" alt="Rain Worl- digital media, 2019" width="811" height="456" data-pagespeed-url-hash="3589309544" onload="pagespeed.CriticalImages.checkImageForCriticality(this);"></li><figcaption><em><strong>Rain Worl</strong>- digital media, 2019</em></figcaption> | |
| <br> | |
| <li class="item3"><img src="https://i.imgur.com/vFLZNCD.jpg" alt="New Mind- digital media, 2020" width="441" height="594.7" data-pagespeed-url-hash="3883809465" onload="pagespeed.CriticalImages.checkImageForCriticality(this);"></li><figcaption><em><strong>New Mind</strong>- digital media, 2020</em></figcaption> | |
| <br> | |
| <li class="item3"><img src="https://i.imgur.com/AQTF6tz.jpg" alt=" | |
| принимать- digital media, 2020" width="811" height="381" data-pagespeed-url-hash="3883809465" onload="pagespeed.CriticalImages.checkImageForCriticality(this);"></li><figcaption><em><strong>принимать</strong>- digital media, 2020</em></figcaption> | |
| <br> | |
| </ul> | |
| </section> | |
| <br> | |
| <br> | |
| <hr> | |
| <div id="contact"> </div> | |
| <h5><em>(Email is preferred)</em></h5><h5> | |
| <div class="please"> | |
| <a href="https://example.com">Website🔗</a> | |
| <br> | |
| <a href="mailto:cameron.yanicky@uconn.edu">Email📧</a> | |
| <br> | |
| <a href="tel:+8607597312">Phone📞</a> | |
| </div> | |
| <hr> | |
| <footer class="page-footer"> | |
| <p>© 2020 Cameron Yanicky</p> | |
| </footer> | |
| </body></html> |