Check back soon
Once posts are published, you’ll see them here.
top of page
My Blog
Welcome to my computer programming blog. My computer programming work is listed here. You can find computer projects I did based on html, c++, java, and css. View my projects below to see my work. Full details of css, java, and html code can be viewed online at https://merakesh.com/html-css-js-editor. Full details of c++ code can viewed at website https://www.online-cpp.com/. Contact me by email if you have any questions or interested in my services. My email is grantmrr@proton.me
Contact email: grantmrr@proton.me
Website to view full css, html, or java code: https://merakesh.com/html-css-js-editor
Website to view full c++ code: https://www.online-cpp.com/
1. (html Project Fashion Blog)
This is a html code edit for a blog. Html is a code language for website which make the website. One of the pages was edited. The text was added to the html code to change and add content. The style of the blog page was also changed with html code. In more detail, changing the blog font, adding hyper link, adding bold to words, adding requested text to body, adding head element, adding title element, adding h1 to body, adding h2 to body, adding a <p> tag, adding <img> tag, adding <img> tag with setting to src, adding <img> tag with source, adding h3, adding h4, and adding unordered list. In short, I added text to the body, title, images, hyper link, and html code to make the blog look a certain way.
-(html code for html fashion project for codecademy.com):
<!DOCTYPE html>
<html>
<head>
<title>"Everyday with Isa"</title>
</head>
<body>
<a href='#contact'><img src="https://content.codecademy.com/courses/learn-html/elements-and-structure/profile.jpg"> </img></a>
<h3>"by Isabelle Rodriguez | 1 day ago"</h3>
<h1>"An Insider's Guide to NYFW"</h1>
<img src="https://content.codecademy.com/courses/learn-html/elements-and-structure/image-one.jpeg"> </img>
<p>"<a href="https://en.wikipedia.org/wiki/New_York_Fashion_Week." target="_blank">NYFW</a> can be both amazingly fun & incredibly overwhelming, especially if you’ve never been. Luckily, I’m here to give you an insider’s guide and make your first show a pleasurable experience. By taking my tips and tricks, and following your gut, you’ll have an unforgettable experience!"</p>
<h2>"Getting Tickets & Picking the Shows"</h2>
<img src="https://content.codecademy.com/courses/learn-html/elements-and-structure/image-two.jpeg"> </img>
<p>"If you’re lucky or connected you can get an invite, sans the price tag. But I wasn’t so lucky or connected my first 2 years so I’m here to help you out. First, plan out which shows are most important to you and make a schedule and this is a biggie: SET A BUDGET. If you’re worrying about blowing your cash the whole time you won’t have fun. Then check out prices, days, and times and prioritize the designers you want to see most. Lastly, purchase your tickets and get excited!"</p>
<h2>"Dressing for the Shows"</h2>
<img src="https://content.codecademy.com/courses/learn-html/elements-and-structure/image-three.jpeg"> </img>
<p>"Always be true to your own sense of style, if you don’t you’ll be uncomfortable the whole time and it will show. Remember, NYFW is about expressing yourself and taking in what the designers have chosen to express through their new lines. Also it’s important to wear shoes you’ll be comfortable in all day. Obviously you want to look good, but you’ll be on your feet all day long, so be prepared."</p>
<h4>"Relaed Content"</h4>
<ul>
<li>"How To Style Boyfriend Jeans"</li>
<li>"When Print Is Too Much"<li>
<li>"The Overalls Trend"</li>
<li>"Fall's It color:Blush"</li>
</ul>
<div id='contact'>
<p> <strong>email</strong>: isa@fashionblog.com | <strong>phone</strong>: 917-555-1098 | <strong>address</strong>: 371 284th St, New York, NY, 10001
</p>
</div>
</body>
</html>
2. (css Olivia Woodruff Portfolio Project)
This css project is about changing the style of the website page. Css is a code language for website which change website style. The web page was edited in terms of appearance. The project is shown below in html code. The css code can only be seen on the website listed https://merakesh.com/html-css-js-editor. I switched the font, font color, background color, background pattern, font size, font style, font transparency, font weight, h1 element style, and body element style. I set the background image property to a URL. In more detail, Change background color of .header element, align text to center within .header, change .about-me font size, change the about-me selector transparency, add font weight to .title elements, set color for h1 elements, change body element font, and set background image within body selector.
-html code for Olivia Woodruff Portfolio project
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="header">
<img src="https://content.codecademy.com/courses/freelance-1/unit-2/travel.jpeg" />
<h1>Olivia Woodruff</h1>
<p class="about-me">I am a developer specializing in HTML and CSS. I like to run, bike, and make coffee using an Aeropress.</p>
</div>
<h2>Projects</h2>
<p class="title">Web Development projects</p>
<ul>
<li>Coffee Bruër</li>
<li>Taco Finder</li>
<li>CSS Selector Finder</li>
<li>HTML Formatter</li>
</ul>
<p class="title">Design projects</p>
<ul>
<li>Yum Yum Fudge Inc.</li>
<li>University of Marimont Dance Marathon</li>
</ul>
<h2>Contact</h2>
<p>Find me on Twitter, Dribbble, and GitHub.</p>
<h6>© Copyright. All Rights Reserved.</h6>
</body>
</html>
-css code for Olivia Woodruff Portfolio project
.header {
background-color: CornFlowerBlue;
text-align: center;
}
.about-me {
font-size: 20px;
opacity: 0.50;
}
.title {
font-weight: bold;
}
h1 {
color: Azure;
}
body {
font-family: Georigia;
background-image: url("https://content.codecademy.com/courses/learn-css-selectors-visual-rules/hypnotize_bg.png")
}
bottom of page