Skip to content

I modified index.html #1297

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 11 commits into
base: master
Choose a base branch
from
Open

I modified index.html #1297

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
a6e8381
I modified index.html
May 21, 2020
a8f57e5
I modified index.html and index.less
May 21, 2020
15051a2
I modified index.html and index.less
May 23, 2020
33a88bf
I modified index.html and index.less
May 23, 2020
b0c9cb0
i modified the index.less file.
May 23, 2020
f661358
i modified index.less and index.css
May 23, 2020
bef7a99
I modified the index.html, index.less files.
May 23, 2020
3fe86ba
I odified index.html and index.less.
May 23, 2020
ce4d749
I modified index.less.
May 23, 2020
7dcb0e5
i modified index.less.
May 23, 2020
6dec6dc
I modiified index.less
May 23, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 41 additions & 7 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,53 @@
<!doctype html>

<html lang="en">
<head>
<meta charset="utf-8">

<title>My Resume</title>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Turanga Leela</title>

<link rel="stylesheet" href="css/index.css">
<link rel=" stylesheet " href="css/index.css ">

<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js "></script>
<![endif]-->
</head>

<body>
<h1>My Resume</h1>
<img src='https://mocah.org/thumbs/227414-leela-futurama-1280x1024.jpg' />
<section class="top-content ">
<h1>Turanga Leela</h1>


<nav>
<a href="# ">Home</a>
<a href="# ">About</a>
<a href="# ">Portfolio</a>
<a href="# ">Contact</a>
</nav>
<div>
<p>Turanga Leela- Captain and Pilot of the Planet Express Delivery ship.</p>
</div>
</section>

<section class="middle-content ">
<h2>Listen up...</h2>
<div>
<p>Leela is a hardworking, friendly, outgoing and responsible captain.</p>
</div>
<div>
<ul id="list ">Stuff Leela is good at:
<li>Keeping her crew organized and on task</li>
<li>Keeping her crew safe</li>
<li>MMA</li>
</ul>
<h2>Contact Leela</h2>
<p>If you need to contact Leela she can be reached at
<a href="# ">[email protected]</a>
</p>
</div>
</section>
</body>

</html>
184 changes: 184 additions & 0 deletions less/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,184 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Set every element's box-sizing to border-box */
* {
box-sizing: border-box;
}
html,
body {
height: 100%;
}
.bordered {
border-top: dotted 1px lightseagreen;
border-bottom: dotted 2px lightseagreen;
}
.component {
width: 1280;
}
* {
background-color: #290c29;
}
h1 {
font-size: large;
justify-content: center;
font-style: italic;
color: #ebcdf7;
}
.top-content h1 {
font-size: large;
justify-content: center;
font-style: italic;
color: #ebcdf7;
}
.top-content nav {
color: #b0e0e6;
justify-content: space-between;
}
.top-content p {
color: #b0e0e6;
justify-content: space-evenly;
font-size: medium;
}
.top-content img {
border-top: dotted 1px lightseagreen;
border-bottom: dotted 2px lightseagreen;
}
.middle-content h2 {
font-size: medium;
justify-content: center;
color: #ebcdf7;
}
.middle-content #list {
float: left;
color: #b0e0e6;
}
.middle-content p {
color: #ebcdf7;
justify-content: space-between;
}
74 changes: 74 additions & 0 deletions less/index.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,3 +57,77 @@ html, body {
height: 100%;
}

.bordered(){
border-top: dotted 1px lightseagreen;
border-bottom: dotted 2px lightseagreen;
}

.component(){
width: 1280;
}
@mobile: "(max-width: 500px)";

body{
background-color: rgb(41, 12, 41);
@media @mobile{
background-color: #800000;
}


img{
display: flex;
justify-content: center;
margin: 0px;
padding: 7px #ebcdf7;
border: 7px dotted black;
}

.top-content{
h1{
font-size: large;
display: flex;
justify-content: center;
font-style: italic;
color: #ebcdf7;
}
nav{
color: #b0e0e6;
display: flex;
justify-content: space-evenly;
}
a{
color: #b0e0e6;
text-decoration: none;
}
p{
color: #b0e0e6;
display: flex;
justify-content: space-evenly;
font-size: medium;
}
}

.middle-content{
h2{
font-size: medium;
display: flex;
justify-content: center;
color: #ebcdf7;
}
#list{
float: left;
color: #b0e0e6;
}
p{
color: #ebcdf7;
display: flex;
justify-content: space-between;
}
}

@media @mobile{
*{
background-color:#800000;
}
}
}