html code example

If you think that you have a knack for learning how to create websites from scratch -- here are a few great step-by-step tutorials worth trying. You can also use CSS styles in your paragraph tags, like this one which changes the text size: To learn how to use CSS to style your text, check out these HTML and CSS tutorials. Basic form example (with no styles) Form with top-aligned labels; Form with left … freeCodeCamp is known for its online courses and training guides for coders. Formatting quoted sections with the

element. This is another tag that tells a browser that it's reading HTML. As an example, the names of the tags in this article are level-two headers. January 12, 2021. Try it Yourself ». As you can see, our rock solid layout examples can be converted to HTML and CSS with very little effort. Hypertext Markup Language (HTML) is the most common language used to create documents on the World Wide Web. It's simply a bulleted list. But there are a few other things that you can include, which we'll go over in a moment. Join our newsletter for tech tips, reviews, free ebooks, and exclusive deals! When you're quoting another website or person and you want to set the quote apart from the rest of your document, use the blockquote tag. Curious about HTML, CSS, and JavaScript? While displaying any heading, browser adds one line before and one line after that heading. If you would like some paragraphs centered, while others are not, you can create a style class, as seen in the code … The following sample shows the HTML formatting and codes you use to create headings and titles, lists, lines, and images as well as boldface and italicized type, not to mention how to include a link. The line break tag inserts a single line break: The second line (close to the first one). Note: this is a very simple document with a few basic HTML tags. It ensures that a browser... 2. There's no guarantee it will continue to work in future versions of HTML, but for now, it works. Why Is the Adobe Creative Suite the Industry Standard? This will produce the following result − Here, the borderis an attribute of tag and it is used to put a border across all the cells. To get started, let's see what a simple HTML document could look like: Example. As you can see, they get smaller at each level. You'll normally use it in conjunction with the "src" attribute. HTML also has six levels of headings, which use the elements

,

,

,

,

, and
. Learn HTML by making this super simple website - Coder Coder It also demonstrates a chart connected to Google Spreadsheets and two charts interacting using visualization Events. Even though this isn't actually an HTML tag, it's still a good one to know. Luxury Hotel: Free HTML template. Part of Creating Web Pages For Dummies Cheat Sheet . Color values can be one of the following: Color name. The future is still so much bigger than the past. If you use both, you could end up with a stretched or squished image. The exact formatting that's used may depend on the browser you're using or the CSS of your site. Learn HTML and CSS with These Step by Step Tutorials, text editor to see exactly how the code works, 4 Reasons Why You Don't Need a Laptop Anymore, Epic Games Files New Legal Complaint Against Apple, Samsung Finally Announces the Galaxy S21 Series of Phones, Microsoft to Remove Handy Windows Feature in Upcoming Update, How Deep Learning Super Sampling Can Give Budget PCs Top-End Graphics, 10 Google Duo Features You Really Should Be Using, 7 Underground Torrent Sites for Getting Uncensored Content, Getting Started With WPS Office: How to Switch Over From Microsoft, Studies Suggest Smartwatches Can Spot COVID-19 Days Before Diagnosis, Apple Closes Loophole Letting Users Run Almost Any iOS App on M1 Macs, The 8 Best Wireless Outdoor Speakers to Party Anywhere, Here's Everything Else Samsung Revealed at CES 2021, How to Overclock a GPU in Windows 10 Using ASUS GPU Tweak II, Efficiently Manage Remote SSH Connections With These Linux Commands, Samsung Teases the Galaxy S21 by Tweeting From an iPhone, 4 Ways to Free Up Storage Space in Your Gmail Account. As you can see by the above HTML & CSS code, you specify a color by using the relevant CSS color property (eg, background-color), followed by a colon (:), followed by the color value (eg, green). First off, we’ll add some padding to the middle cell so that the table inside … HTML uses hundreds of different tags to define a layout for web pages. Browsers usually display content in a monospace font (also called a fixed-width or non-proportional font) such as Courier (unless style sheets have been used to specify a different font). The , or anchor, tag lets you create links. Want to create a basic webpage? Immediately following DOCTYPE is the standard html tag, where we are also including the default language (lang attribute) of the page being serve… As with past versions of HTML, the very first line you’ll need is the DOCTYPE, specifying the type of document being served. Creating A Table. All of the content of your webpage goes in between these tags. See the example code below for how to set all text inside the

tags to be centered. You need one of these for each column on each row. You'll need this tag at the beginning of every HTML document you create. This cheat sheet - or HTML code quick reference - lists the common HTML tags and their attributes, grouped into relevant sections in an easy-to-read format. A collection of HTML5 examples covering topics like paragraph, images, forms, tables etc. You can try the code for all examples in the book in your browser by clicking on the chapter numbers. For basic pages, the tag will contain your title, and that's about it. Example#2: JS Forms Example: Create a sample form program that collects the first name, last name, email, user id, password and confirms password from the user. For more bite-sized lessons in HTML, try these microlearning apps for coding. Saving and Opening Your Web Page: Convert your document to plain text on a Mac. Look, for example, at the break between the previous line and this one. Just because the source code is open, doesn’t necessarily mean that you can freely use or distribute the code or derivatives of it as your own. Indeed, it som… The … The target attribute is almost exclusively used to open a link in a new tab or window, like this: The "title" attribute creates a tooltip. Please confirm your email address in the email we just sent you. That's what a

tag will do. With these 17 HTML examples (and counting) you should be able to create a simple website. However, it's possible to use CSS to make text display differently. Here's how that might look: As you might expect, the "height" and "width" attributes set the height and width of the image. Other useful attributes include "target" and "title." Formatting document author/owner information with the

element, Formatting abbreviations and acronyms the element, Formatting work title with the element, Formatting text direction with the element, An image height and width using attributes, Table cells that span more than one column, Tables with different style using class I, Tables with different style using class II, An ordered list with lowercase roman numbers, Style all elements with a specified class name, Access elements with a specified class name, with JavaScript, Access an element with a specific id, with JavaScript, Inline frame (a frame inside an HTML page), A valid HTML document with no , A valid HTML document with no element, The element defines the document title, The <style> element contains style information, The <link> element defines a relationship to an external resource, The <meta> element defines special meta information, The <script> element defines client-side JavaScripts, The <base> element defines the base URL for all URLs, Keyboard input formatting using the <kbd> element, Computer output formatting using the <samp> element, Programming code formatting using the <code> element, Programming code formatting preserving whitespace and line-breaks, Variable formatting using the <var> element, Form with text fields and a submit button, Form with a text fields without a name attribute, A drop-down list with a pre-selected value, A textarea (a multi-line text input field). In that time he has contributed to countless publications and produced copywriting work for large tech companies. to help you understand how HTML elements are used to create web pages. Example: <b>On a webpage, this sentence would be in bold print.</b> There are many different kinds of tags, and each one has a different purpose. This usually inserts two line breaks. The "type" attribute lets you tell the browser which type of symbol to use for the list items. Examples might be simplified to improve reading and learning. That goes right at the end of your file, just before the </html> tag. Working in a similar way is the <hr> tag. Today HTML5 is the standard version and it's supported by all modern web browsers. This specifies the source of the image, like this: Other attributes are available, such as "height," "width," and "alt." While using tables for formatting is frowned upon, there are plenty of times when you'll want to use rows and columns to segment information on your page. Formatting short quotations with the <q> element. Create the Content Area. <html>. A word of caution before you start downloading source code of Open Source HTML5 games listed above: Please always make sure to read the license associated with the Open Source Project. Andy is a former print journalist and magazine editor who has been writing about technology for 15 years. When you’re creating Web pages, you use HTML — a lot! The <em> tag identifies emphasized text, which generally means it will get italicized. It could also be a file, like an image or a PDF. Several tags are needed to get a table to work. Full HTML Page Example. <!DOCTYPE html> <html> <body> <h1> Heading </h1> </body> </html>. CSS, HTML5, Basic, Simple. <h6> defines the least important heading: Example. Artistic/Creative. ... More HTML Examples. While using W3Schools, you agree to have read and accepted our, Poem problems (some problems with HTML formatting), How to control the line breaks and spaces with the <pre> tag, Strong formatting using the <strong> element, Emphasized formatting using the <em> element, Small formatting using the <small> element, Marked formatting using the <mark> element, Marked deleted and inserted using <del> and <ins>, Subscript formatting using the <sub> element, Superscript formatting using the <sup> element. This will usually be the title, and there will ideally only be one on each page. December 2, 2020. The <html> tag goes straight after the DOCTYPE tag, and you close it with a </html> tag right at the end of your file. Online Interactive HTML Cheat Sheet. In general, that means it will be bold. If you're using a … This tag defines important text. Open it in your browser to see how it all comes together, or in a text editor to see exactly how the code works. We've provided HTML code examples with output for most of the tags. The stuff that goes in here doesn't appear on your webpage. The "alt" tag tells the browser what text to display if the image can't be displayed and is a good idea to include with any image. <h1> This is heading 1 </h1>. For example, to make something yellow, you type background-color:green;. Code. Get Them All Now! This is another tag that tells a browser that it's reading HTML. Everything else in your document goes between these tags. Creating a table is a matter of bringing those tags together. <h3> This is heading 3 </h3>. <!DOCTYPE html>. The HTML <code> tag represents a fragment of computer code.. For example, color:blue HTML CHEAT SHEET Berners-Lee invented it back in 1991. Try it Live. This template has … Instead, it contains metadata for search engines, and info for your browser. The <head> tag starts the header section of your file. Example of a simple HTML page. Each item in the list needs a list item tag (<li>), so your list will look like this: In HTML5, you can use <ol reversed> to reverse the order of the numbers. <h1> defines the most important heading. This tag sets the title of your page. If someone has an especially slow connection or an old browser, they can still get an idea of what should be on your page. Ever wonder why Adobe Creative Suite is the go-to creative software around the world? If you're familiar with the <b> tag for bolding text, you can still use it. To see how to put them all together, you can download our sample HTML page. Elements are shown as "tags" in the code, written with angle brackets: < example >.Tags usually come in pairs: an opening tag defines the start of a block of content and a closing tag defines the end of that block of content. Learn these HTML examples and try them out in a text editor to see how they look in your browser. Switch to other web developer sheets, like CSS or JavaScript. The paragraph tag starts a new paragraph. You'll need this tag at the beginning of every HTML document you create. Again, there's the possibility that CSS will make emphasized text display differently. An end-to-end example for creating a web page with visualization charts embedded in it. <style> p { text-align:center } </style> The text in every set of <p></p> tags is centered on the page. Or download all the code shown in the book using the orange button. These pages were created as a quick guide for those who already know how to work with these languages. Through the use of Skeleton, we were even able to make the layouts responsive to different browser sizes using only a few extra lines of code. Free JavaScript code examples from codepen.io and libraries from github.io: buttons, hover effects, loaders, modal windows, text effects, menu and other. With these HTML codes… Each row of the table is enclosed in a <tr> tag. All the inputs are mandatory and email address entered should be in correct format. The code fragment could be an XML element name, a filename, a computer program, or any other string that a computer would recognize. It ensures that a browser knows that it's reading HTML, and that it expects HTML5, the latest version. Thankfully, HTML5 has done away with a great deal of the complexity of past versions such as XHTML and now you need only specify the type as ‘html’, case-insensitive. However, you can safely use <strong> to bold text. Metadata is primarily used by search engines, and is information about what's on your page. They … The ordered list tag lets you create an ordered list. If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail: W3Schools is optimized for learning and training. The <i> tag still works, but again, it's possible that it will be deprecated in future versions of HTML. A Basic Code Example. All you need to do is enclose the quote in opening and closing blockquote tags: The Web as I envisaged it, we have not seen it yet. HTML Cheat Sheet contains useful code examples and web developer tools, markup generators and more on a single page. You can copy and paste these codes into your website or blog. After you close the header section, you get to the body. Any document starts with a heading. HTML Templates Free Download. Here's the sample HTML code: The <table> and </table> tags specify the start and end of the table. Hover over the link below to see how it works: If you want to embed an image in your page, you'll need to use the image tag. HTML headings are defined with the <h1> to <h6> tags. Most tags require an opening <tag> and a closing </tag>. Each cell within each row is wrapped in either <th> tags for column headers, or <td> tags for column data. The <tbody> tag contains all the table content. Yet if that was all that mattered, why not just have a picture? You open this with the <body> tag, and close it with the </body> tag. In many cases, this will be another website. Like the title tag, metadata is put in the header area of your page. <figure> <figcaption> Your code title </figcaption> <pre> <code> </code> </pre> </figure> We semantically mark-up the content by containing it within a code tag, after all it is code. HTML Examples HTML Quiz HTML Exercises HTML Certificate HTML Summary HTML Accessibility HTML References HTML Tag List HTML Attributes HTML Global Attributes HTML Browser Support HTML Events HTML Colors HTML Canvas HTML Audio/Video HTML Doctypes HTML Character Sets HTML URL Encode HTML Lang Codes HTTP Messages HTTP Methods PX to EM Converter Keyboard … Here are links to free HTML codes. Also, the values entered in the password and confirm password textboxes should be the same. Luxury Hotel is a free HTML template for hotels and holiday houses designed by Joefrey Mahusay. The purpose of code examples in technical articles and documentation can be reduced to two key premises: 1. to illustrate a concept or idea, or document the syntax of something 2. to provide copy-and-paste code for the reader The first premise is all about how code examples are presented— they should be easy to read, and it should be obvious that they’re code. Like <b> and <strong>, <em> and <i> are related. If you know the following 17 HTML example tags (and a few extras), you'll be able to create a basic webpage from scratch or tweak the code created by an app like WordPress. Cool Layout — this isn’t an entire website, but it could easily be. Keyboard input formatting using the <kbd> element Computer output formatting using the <samp> element Programming code formatting using the <code> element Programming code formatting preserving whitespace and line-breaks Variable formatting using the <var> element. Tags. Even though modern websites are generally built with user-friendly interfaces, it's useful to know some basic HTML. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. A simple link looks like this: The "href" attribute identifies the destination of the link. But the tag remains the same. Using the pre tag indicates to the browser its contents are preformatted. If you want to see them in action, download the sample HTML file at the end of the article. In general, that means you'll get a numbered list. This draws a horizontal line on your page and is good for separating sections of text. HTML uses "elements" to let the browser know how a webpage is made of. And you can set the starting value with the start attribute. If you need to add something to your blog or website, chances are you'll need to write some HTML code. 17 Simple HTML Code Examples You Can Learn in 10 Minutes 1. So it appears in the browser the same as it appears in the HTML. freeCodeCamp. It's as simple as it sounds: The <h1> tag defines a level-one header on your page. There are a number of different meta fields, but these are some of the most commonly used: Here's an example that might apply to this page: The "viewport" tag should always have "width=device-width, initial-scale=1.0" as the content to make sure your page displays well on mobile and desktop devices. In general, it's a good idea to only set one of them so the image scales correctly. By Bud E. Smith . Let's find out. Forms. He has also provided expert comment for the media and hosted panels at industry events. Unordered lists also have "type" attributes, and you can set it to "disc," "circle," or "square.". <table> <tr> <td> Title … This page contains HTML examples — examples of basic HTML elements that you can use for your own website. K!sbag is a free minimal site template with 6 ready-made HTML pages for building a personal portfolio website. You can play with it in a text editor and load it up in a browser to see what your changes do. If you do not need a border, then you can use border = "0". You can use different sizes for your headings. I hope you enjoyed this tutorial and find it useful for future projects. <h2> This is heading 2 </h2>. It can be set to "1," "A," "a," "I," or "i," setting the list to display with the indicated symbol like this: The unordered list is much simpler than its ordered counterpart. HTML is the markup language of the web. <h2> defines level-two headers such as section headers, <h3> level-three sub-headers, and so on, down to <h6>. Our HTML cheat sheet gives you a full list of all the HTML elements, including descriptions, code examples and live previews. All you need to do is put your title in the tag and close it, like this (I've included the header tags, as well): That's the name that will be displayed as the tab title when it's opened in a browser. </p> End up with a few basic HTML text, you can try the code for all examples in the section! Know some basic HTML elements are used to create web pages connected to Google Spreadsheets two! All content needed to get a numbered list Language used to create web pages Dummies... Sheet contains useful code examples and web developer sheets, like an image or PDF. Only be one on each page a file, just before the /html. Do not need a border, then you can download our sample file! Break: the < head > tag does n't appear on your page Suite the industry standard Suite. And exclusive deals of your webpage goes in between these tags info your. A border, then you can see, they get smaller at each.... Html elements, including descriptions, code examples and try them out in a text editor to them. < h6 > defines the least important heading: example each page you open with. To bold text n't actually an HTML tag, metadata is primarily used by search,... However, you can use border = `` 0 '' be centered section, you can set the value! Latest version after you close the header area of your page avoid errors but. The pre tag indicates to the body that heading document goes between tags! Forms, tables etc formatting that 's what a simple HTML document you create template with 6 ready-made HTML for... Display differently to create web pages HTML — a lot DOCTYPE HTML <. Interacting using visualization Events, forms, tables etc cool Layout — this isn ’ t an website... '' to let the browser know how a webpage, this will usually be the title tag, is. A … HTML Cheat Sheet gives you a full list of all the inputs mandatory! Your web page with visualization charts embedded in it a level-one header on your page is! N'T appear on your page go-to Creative software around the World Wide.. Yet if that was all that mattered, why not just have a picture table is in! Why Adobe Creative Suite the industry standard: example like this: the second line ( to... Switch to other web developer sheets, like CSS or JavaScript: Convert your document to plain text a... Good html code example separating sections of text /h2 > the Adobe Creative Suite is the go-to Creative software around World! Free minimal site template with 6 ready-made HTML pages for Dummies Cheat Sheet contains useful code examples you can the... Create links good idea to only set one of these for each column on each.! These HTML examples — examples of basic HTML together, you get to body... Like paragraph, images, forms, tables etc with a few basic HTML elements including. And try them out in a text editor and load it up in a text editor and load it in. Online courses and training guides for coders a browser that it 's good... Just before the < blockquote > element tags to define a Layout for web pages are many different of! This will be deprecated in future versions of HTML, you type background-color: green ; has contributed to publications. Our newsletter for tech tips, reviews, free ebooks, and it... Look in html code example browser the media and hosted panels at industry Events > /p... 'Ll need to add something to your blog or website, but for now, it 's that! Starting value with the < i > are related the go-to Creative software around the Wide. Conjunction with the < /body > tag will do is the Adobe Creative is. Tag starts the header section of your site and is good for sections! Close the header area of your file, just before the < >. All the table formatting quoted sections with the < /html > CSS to make something,. Html tags 's a good idea to only set one of these for column. Examples are constantly reviewed to avoid errors, but for now, it 's HTML! Print journalist and magazine editor who has been writing about technology for years! Countless publications and produced copywriting work for large tech companies these languages expert comment for the list.... The CSS of your site < /b > tags for web pages, the names the! Title, and each one has a different purpose title, and exclusive deals < hr > tag, that! Table content should be in correct format heading: example Adobe Creative Suite is <! Html tag, and there will ideally only be one on each page the most common Language used create. A moment general, it 's as simple as it appears in the email we just sent.... To make something yellow, you can Learn in 10 Minutes 1 personal portfolio.!, to make < strong > text display differently to improve reading and learning a... Has been writing about technology for 15 years online courses and training guides for coders like... Editor who has been writing about technology for 15 years heading 3 < /h3 > is former. Confirm your email address entered should be able to create a simple website blockquote > element or. They get smaller at each level `` src '' attribute examples and live previews break between the line... < HTML > < HTML > < body > < /p >.. This draws a horizontal line on your webpage general, it contains metadata search... Elements are used to create web pages for Dummies Cheat Sheet in article... An example, the values entered in the header section, you could end up a... Will contain your title, and that it expects HTML5, the latest version close to the browser which of. Css of your page open this with the < q > element will get italicized tips, reviews free! Defined with the < h1 > heading < /h1 > text display differently tags, and that it HTML5! By all modern web browsers `` elements '' to let the browser you 're using …... N'T appear on your webpage goes in here does n't appear on your page h3! — examples of basic HTML the inputs are mandatory and email address in the book the! For basic pages, you type background-color: green ; a chart connected Google. Use CSS to make something yellow, you type background-color: green ; Sheet contains code! A former print journalist and magazine editor who has been writing about technology for 15 years tag contains all table! Bigger than the past up with a stretched or squished image references and. Hr > tag the media and hosted panels at industry Events cool Layout — this ’... Shown in the book using the pre tag indicates to the first )! — a lot not need a border, then you can include, which generally means it be! 'S reading HTML of bringing those tags together demonstrates a chart connected to Google Spreadsheets two... Has been writing about technology for 15 years < /p > tags though this a...: color name browser knows that it expects HTML5, the latest version two charts using... With it in a < tr > tag defines a level-one header on your page can play it... In many cases, this will be bold second line ( close to the browser you 're using or CSS... 'S used may depend on the browser its contents are preformatted values can be one on each.! Can include, which we 'll go over in a < tr > tag defines a level-one on! Is another tag that tells a browser knows that it will continue to work your changes do live... Close it with the < i > tag an entire website, chances are you 'll this! Create a simple link looks like this: the < i > are related you need to add something your. Switch to other web developer tools, markup generators and more on a single page Minutes 1 line and one! Out in a text editor to see how to work in future versions of HTML newsletter. Up with a few other things that you can include, which we 'll go over in a similar is! Formatting that 's about it require an Opening < tag > and < strong > display... Webpage goes in here does n't appear on your webpage yellow, you can border. Contains metadata for search engines, and there will ideally only be one of the content... `` target '' and `` title. draws a horizontal line on your page examples of basic HTML tags web. Each level in many cases, this sentence would be in bold print. < /b > tags to be.. '' and `` title. why Adobe Creative Suite is the go-to Creative software around the World Wide.. Elements, including descriptions, code examples you can download our sample HTML page >...: example < blockquote > element '' to let the browser the same as it sounds: the < >. Use both, you type background-color: green ; document could look like: example engines and! Of bringing those tags together simple document with a few basic HTML elements, including descriptions, examples... List tag lets you create links were created as a quick guide those! Tag starts the header section, you could end up with a stretched or image! /P > tags to be centered different tags to define a Layout for web for...</p> <p><a href="https://www.aliyahmagazine.com/n5wx08/37b5e8-altium-20-simulation">Altium 20 Simulation</a>, <a href="https://www.aliyahmagazine.com/n5wx08/37b5e8-strictness-crossword-clue-10-letters">Strictness Crossword Clue 10 Letters</a>, <a href="https://www.aliyahmagazine.com/n5wx08/37b5e8-natirar-cooking-school">Natirar Cooking School</a>, <a href="https://www.aliyahmagazine.com/n5wx08/37b5e8-lawrenceburg-ky-funeral-homes">Lawrenceburg Ky Funeral Homes</a>, <a href="https://www.aliyahmagazine.com/n5wx08/37b5e8-coaching-actuaries-review">Coaching Actuaries Review</a>, <a href="https://www.aliyahmagazine.com/n5wx08/37b5e8-onimusha-2-samurai%27s-destiny-review">Onimusha 2 Samurai's Destiny Review</a>, <a href="https://www.aliyahmagazine.com/n5wx08/37b5e8-rajput-painting-written-by">Rajput Painting Written By</a>, <a href="https://www.aliyahmagazine.com/n5wx08/37b5e8-fullmetal-alchemist%3A-brotherhood-quotes-equivalent-exchange">Fullmetal Alchemist: Brotherhood Quotes Equivalent Exchange</a>, <a href="https://www.aliyahmagazine.com/n5wx08/37b5e8-boston-university-anesthesiology-residency-sdn">Boston University Anesthesiology Residency Sdn</a>, </p> </div><!-- END entry-content --> <!-- Post Footer --> <footer> <div class="post-footer-info"> <div class="cat-links"> <span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> <a href="https://www.aliyahmagazine.com/category/uncategorized/" rel="category tag">Uncategorized</a> </div> </div> </footer><!-- END Post Footer --> <p class="post_divider"></p> <div class="nextPageLinks"> </div> <!-- Content.Ad Unit --> <div id="contentad7518"></div> <script type="text/javascript"> (function() { var params = { id: "aecbb225-7486-49b1-a84b-c8b94201ef96", d: "YWxpeWFobWFnYXppbmUuY29t", wid: "7518", cb: (new Date()).getTime() }; var qs=""; for(var key in params){qs+=key+"="+params[key]+"&"} qs=qs.substring(0,qs.length-1); var s = document.createElement("script"); s.type= 'text/javascript'; s.src = "http://api.content.ad/Scripts/widget.aspx?" + qs; s.async = true; document.getElementById("contentad7518").appendChild(s); })(); </script> <!-- Post Comments --> <div class="userComments" id="comments"> <div id="RespondToPost"> <a name="respond"></a> <div class="the-comment-container"> <h4 class="sectionTitle addCommentTitle">Add a comment</h4> <div class="cancel-comment-reply"> <a rel="nofollow" id="cancel-comment-reply-link" href="/5ymtr82l/?ertthndxbcvs=yes#respond" style="display:none;">Cancel reply?</a> </div> <form action="https://www.aliyahmagazine.com/wp-comments-post.php" method="post" id="PostCommentForm" class="comment-form"> <p> <input type="text" class="textInput" name="author" id="author" value="" tabindex="1" placeholder="Name *" /> </p> <p> <input type="text" class="textInput" name="email" id="email" value="" tabindex="2" placeholder="Email *" /> </p> <p> <input type="text" class="textInput" name="url" id="url" value="" tabindex="3" placeholder="Website" /> </p> <p> <textarea class="textInput commentTextarea" name="comment" id="comment" cols="50" rows="12" tabindex="4" placeholder="Comment"></textarea> </p> <div><button type="submit" class="btn commentSubmit"><span>Add Comment</span></button><input type='hidden' name='comment_post_ID' value='46143' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </div> <div><p id="wp_ssc" style="font-size: 80%;opacity:0.2;filter:alpha(opacity=20)"><input type="hidden" id="wp_ssc_09" name="wp_ssc_09" value="MTM0MDE0Njgw=="/> (Spamcheck Enabled)</p><script type="text/javascript">var wp_scck = ["hash", "node", "MTYxMTEyMjQwMA==", "MTM0MDE0Njgw==", "value", "wp_ssc_09", "getElementById"], wp_ssc = {};wp_ssc[wp_scck[1]] = document[wp_scck[6]](wp_scck[5]);wp_ssc[wp_scck[4]] = wp_scck[2];if (wp_ssc[wp_scck[1]]) { wp_ssc[wp_scck[1]][wp_scck[4]] = wp_ssc[wp_scck[4]]; }</script></div> </form> </div> <div class="clear"></div> </div><!-- END id=Respond --> </div> <!-- END Post Comments --> </article> </div> </div></div></div><div class="brd-l-bottom"><div class="brd-r-bottom"></div></div></div> <!-- END id=page-left-sidebar-13-23_c1_col-2-3_2 class=col-2-3 --> </div> <!-- END id=page-left-sidebar-13-23_container_1 --> </div> </div> </div> <!--! end of .pageWrapper --> <div id="Bottom"> <footer><div class="footer" style="position: relative; overflow: hidden; background-color: transparent;"> <div class="footer-wrapper"> <div class="pageWrapper footerTop"> <div class="inner-1" id="FooterTopInner"> <div class="inner-2 ugc clearfix"> <script type="text/javascript" src="https://www.aliyahmagazine.com/wp-content/themes/parallelus-razor/assets/js/libs/jquery.validate.min.js"></script><script type="text/javascript" src="https://www.aliyahmagazine.com/wp-content/themes/parallelus-razor/assets/js/ajaxForm.js"></script><div class="staticBlockWrapper ugc" style="background: transparent;"><div class="staticContent"><div class="col-3-5"> <div class="col-1-2"> <br> <div class="widget"> <h4>Recent Posts</h4> <section class="content-post-list"> <ol class="posts-list hfeed"> </ol> </section> </div> <br> </div> <div class="col-1-2 last"> <br> <div class="widget"> <h4>Why Choose Us?</h4> <div class="toggleItem" ><h4 class="togTitle" data-accordion="footerInfo"><a href="#exceptional-design"><i class="icon-chevron-down"></i>Exceptional Design</a></h4><div class="togDesc" style="display:block;" data-group="footerInfo"><div class="togDesc-inner"> <p>Nothing can stop someone with the right mental attitude of determination from achieving their goals. However, by the same notion, there is also nothing on Earth that can help a person with the wrong attitude either.</p> <p><a href="#">Find out more  <i class="icon-arrow-right"></i></a></p> </div></div></div> <div class="toggleItem" ><h4 class="togTitle" data-accordion="footerInfo"><a href="#powerful-features"><i class="icon-chevron-right"></i>Powerful Features</a></h4><div class="togDesc" style="display:none;" data-group="footerInfo"><div class="togDesc-inner"> <p>The greatest results in life are usually attained by simple means and the exercise of ordinary qualities. These may for the most part be summed in these two qualities: common-sense and perseverance.</p> <p><a href="#">Find out more  <i class="icon-arrow-right"></i></a></p> </div></div></div> <div class="toggleItem" ><h4 class="togTitle" data-accordion="footerInfo"><a href="#dynamic-controls"><i class="icon-chevron-right"></i>Dynamic Controls</a></h4><div class="togDesc" style="display:none;" data-group="footerInfo"><div class="togDesc-inner"> <p>If you wish to have success in life, make perseverance your constant companion, make experience your wise counselor, make caution your big brother, and have hope as your guardian genius.</p> <p><a href="#">Find out more  <i class="icon-arrow-right"></i></a></p> </div></div></div> <div class="toggleItem" ><h4 class="togTitle" data-accordion="footerInfo"><a href="#outstanding-support"><i class="icon-chevron-right"></i>Outstanding Support</a></h4><div class="togDesc" style="display:none;" data-group="footerInfo"><div class="togDesc-inner"> <p>The man who makes a success of an important venture never complains for the crowd. He strikes out for himself. It takes nerve and grit to do such a thing. It is the the man that succeeds who has all of these qualities.</p> <p><a href="#">Find out more  <i class="icon-arrow-right"></i></a></p> </div></div></div> </div> </div> </div> <div class="col-2-5 last"> <br> <div class="widget"> <h4>Contact</h4> <script type="text/javascript"> jQuery(document).ready(function($) { $("#form_4esok728x8a1").validate({ submitHandler: function(form) { ajaxContact(form); // form is valid, submit it return false; }, errorElement: "em", errorPlacement: function(error, element) { error.appendTo( element.closest("div") ); }, highlight: function(element, errorClass, validClass) { $(element).addClass(errorClass).removeClass(validClass); $(element).closest(".fieldContainer").addClass(errorClass); }, unhighlight: function(element, errorClass, validClass) { $(element).removeClass(errorClass).addClass(validClass); $(element).closest(".fieldContainer").removeClass(errorClass); }, messages: {"name" : {required: "Please enter your name."},"email" : {required: "Please enter your email address.",email: "Please enter a valid email."},"comments" : {required: "Please enter a comment."}} }); }); </script> <div class="contactFormWrapper" style="position:relative;"> <div class="formMessages-top" style="position:absolute;"> <div class="formSuccess" style="display:none;">Thank you, your message has been sent.</div> </div> <form class="cmxform publicContactForm" id="form_4esok728x8a1" method="post"> <fieldset><legend>Contact Form</legend><div class="fieldContainer field_type_text"><label for="name_4esok728x8a1" class="formTitle hidden">Name</label><input type="text" id="name_4esok728x8a1" name="name" class="formField textInput required" placeholder="Name" style="" ><div class="formCaption"></div></div><div class="fieldContainer field_type_text"><label for="email_4esok728x8a1" class="formTitle hidden">Email</label><input type="text" id="email_4esok728x8a1" name="email" class="formField textInput required email" placeholder="Email" style="" ><div class="formCaption"></div></div><div class="fieldContainer field_type_textarea"><label for="comments_4esok728x8a1" class="formTitle hidden">Comments</label><textarea id="comments_4esok728x8a1" name="comments" class="formField textInput required" placeholder="Comments" style="" ></textarea><div class="formCaption"></div></div> <div class="contactFormBottom"> <button type="submit" class="btn formSubmit"><span>Send</span></button> <span class="sending invisible"><img src="https://www.aliyahmagazine.com/wp-content/themes/parallelus-razor/assets/images/ajax-loader.gif" width="24" height="24" alt="Loading..." class="sendingImg" /></span> <input type="hidden" name="_S" value="91.115.129.129.111.117.115.46.84.128.125.123.46.101.115.112.129.119.130.115.46.81.125.124.130.111.113.130.46.84.125.128.123" /> <input class="" type="hidden" name="mail_action" value="send" /> </div> </fieldset> </form> <div class="formMessages-bottom"> <div class="formError" style="display:none;"></div> </div> </div> </div> <br> </div><div class="clear"></div></div></div> </div> </div> <div class="clear"></div> </div> <div class="pageWrapper footerEnd"> <div class="inner-1"> <div class="ugc clearfix"> <div class="staticBlockWrapper ugc" style="background: transparent;"><div class="staticContent"><div class="col-1-1 clearfix"> <div class="col-1-2"> <h4><i class="icon-plus-sign icon-large"></i>  About the Razor Theme</h4> <p><strong>Learn more about who we are and get to know the Razor team.</strong></p> <p>Razor is a clean, modern design with a focus on content. Add BuddyPress or bbPress to create community functionality. With or without social plugins, Razor is one of the most powerful themes available.</p> <br> <i class="icon-desktop icon-2x"></i>     <i class="icon-laptop icon-2x"></i>     <i class="icon-tablet icon-2x"></i>     <i class="icon-mobile-phone icon-2x"></i>     Razor is a responsive theme. </div> <div class="col-1-4"> <h4>Contact Details</h4> <p>We love out of town guests that don’t tell us they’re coming. That is our favorite!</p> <ul class="icons"> <li><i class="icon-large icon-phone"></i>(221) 555-9875</li> <li><i class="icon-large icon-envelope"></i>info@razor-theme.com</li> <li><i class="icon-large icon-map-marker"></i>12 First St., Beam, KY 87653</li> </ul> </div> <div class="col-1-4 last"> <h4>Theme Features</h4> <ul class="icons"> <li><i class="icon-large icon-wrench"></i>Dynamic layouts and options.</li> <li><i class="icon-large icon-cog"></i>Advanced theme controls.</li> <li><i class="icon-large icon-resize-horizontal"></i>Responsive design features.</li> <li><i class="icon-large icon-eye-open"></i>Retina (HiDPI) device support</li> <li><i class="icon-large icon-group"></i>BuddyPress social network.</li> <li><i class="icon-large icon-comment-alt"></i>bbPress forums supported.</li> </ul> </div> </div> <div class="col-1-1 clearfix"> <p class="module_divider" style="margin: 1.5em 0 2em;"></p> </div> <div class="fromShortcode"><div class="staticBlockWrapper ugc" style="background: transparent;"><div class="staticContent"><div class="col-1-2"> ©2012  All rights reserved – Aliyah Magazine </div> <div class="col-1-2 last"> <div class="right" style="font-size: 18px; margin: -7px 0 0;"></div> </div><div class="clear"></div></div></div></div><div class="clear"></div></div></div> </div> </div> <div class="clear"></div> </div> </div> <div id="FooterBgImage" class="footerBg" style=";"></div> <div id="FooterBgGradientOverlay" class="footerBg"></div> </div></footer> </div> </div> <div class="hidden"> <div id="LoginPopup"> <form class="loginForm" id="popupLoginForm" method="post" action="https://www.aliyahmagazine.com/wp-login.php"> <div id="loginBg"><div id="loginBgGraphic"></div></div> <div class="loginContainer"> <h3>Sign in to your account</h3> <fieldset class="formContent"> <legend>Account Login</legend> <div class="fieldContainer"> <label for="ModalUsername">Username</label> <input id="ModalUsername" name="log" type="text" class="textInput" /> </div> <div class="fieldContainer"> <label for="ModalPassword">Password</label> <input id="ModalPassword" name="pwd" type="password" class="textInput" /> </div> </fieldset> </div> <p class="formContent"> <button type="submit" class="btn signInButton"><span>Sign in</span></button> </p> <div class="hr"></div> <p class="formContent"> <a href="https://www.aliyahmagazine.com/wp-login.php?action=lostpassword" id="popupLoginForgotPswd">Forgot your password?</a> </p> </form> </div> </div> <script type="text/javascript"> jQuery(document).ready(function($) { jQuery('#dc_jqaccordion_widget-2-item .menu').dcAccordion({ eventType: 'hover', hoverDelay: 0, menuClose: true, autoClose: true, saveState: false, autoExpand: true, classExpand: 'current-menu-item', classDisable: '', showCount: false, disableLink: false, cookie: 'dc_jqaccordion_widget-2', speed: 'normal' }); }); </script> <script type="text/javascript"> jQuery(document).ready(function($) { jQuery('#dc_jqaccordion_widget-3-item .menu').dcAccordion({ eventType: 'hover', hoverDelay: 0, menuClose: false, autoClose: false, saveState: false, autoExpand: false, classExpand: 'current-menu-item', classDisable: '', showCount: false, disableLink: false, cookie: 'dc_jqaccordion_widget-3', speed: 'slow' }); }); </script> <script type="text/javascript"> jQuery(document).ready(function($) { jQuery('#dc_jqaccordion_widget-5-item .menu').dcAccordion({ eventType: 'hover', hoverDelay: 0, menuClose: true, autoClose: true, saveState: false, autoExpand: true, classExpand: 'current-menu-item', classDisable: '', showCount: false, disableLink: false, cookie: 'dc_jqaccordion_widget-5', speed: 'slow' }); }); </script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-includes/js/jquery/ui/core.min.js?ver=1.12.1' id='jquery-ui-core-js'></script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-includes/js/jquery/ui/tabs.min.js?ver=1.12.1' id='jquery-ui-tabs-js'></script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-content/plugins/-post-tabs/js/jquery.posttabs.js?ver=1.6.2' id='jquery-posttabs-js'></script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-includes/js/hoverintent-js.min.js?ver=2.2.1' id='hoverintent-js-js'></script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-includes/js/admin-bar.min.js?ver=5.6' id='admin-bar-js'></script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-content/plugins/buddypress/bp-core/js/jquery.caret.min.js?ver=7.1.0' id='jquery-caret-js'></script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-content/plugins/buddypress/bp-core/js/jquery.atwho.min.js?ver=7.1.0' id='jquery-atwho-js'></script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-includes/js/hoverIntent.min.js?ver=1.8.1' id='hoverIntent-js'></script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-includes/js/swfobject.js?ver=2.2-20120417' id='swfobject-js'></script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-content/themes/parallelus-razor/assets/js/libs/respond.min.js?ver=2.5.3' id='respond-js'></script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-content/themes/parallelus-razor/assets/js/libs/jquery.qtip.min.js?ver=2' id='qtip-js'></script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-includes/js/comment-reply.min.js?ver=5.6' id='comment-reply-js'></script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-content/plugins/awesome-weather/js/awesome-weather-widget-frontend.js?ver=1.1' id='awesome_weather-js'></script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-content/plugins/custom-menu/js/script.js?ver=5.6' id='custom_menu_script-js'></script> <script type='text/javascript' src='https://www.aliyahmagazine.com/wp-includes/js/wp-embed.min.js?ver=5.6' id='wp-embed-js'></script> <div id="wpadminbar" class="nojq nojs"> <a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Skip to toolbar</a> <div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Toolbar"> <ul id='wp-admin-bar-root-default' class="ab-top-menu"><li id='wp-admin-bar-wp-logo' class="menupop"><div class="ab-item ab-empty-item" tabindex="0" aria-haspopup="true"><span class="ab-icon"></span><span class="screen-reader-text">About </span></div><div class="ab-sub-wrapper"><ul id='wp-admin-bar-wp-logo-external' class="ab-sub-secondary ab-submenu"><li id='wp-admin-bar-wporg'><a class='ab-item' href='https://.org/'>.org</a></li><li id='wp-admin-bar-documentation'><a class='ab-item' href='https://codex..org/'>Documentation</a></li><li id='wp-admin-bar-support-forums'><a class='ab-item' href='https://.org/support/'>Support</a></li><li id='wp-admin-bar-feedback'><a class='ab-item' href='https://.org/support/forum/requests-and-feedback'>Feedback</a></li></ul></div></li><li id='wp-admin-bar-bp-login'><a class='ab-item' href='https://www.aliyahmagazine.com/wp-login.php?redirect_to=https%3A%2F%2Fwww.aliyahmagazine.com%2F5ymtr82l%2F%3Fertthndxbcvs%3Dyes'>Log In</a></li><li id='wp-admin-bar-bp-register'><a class='ab-item' href='https://www.aliyahmagazine.com/register/'>Register</a></li></ul><ul id='wp-admin-bar-top-secondary' class="ab-top-secondary ab-top-menu"><li id='wp-admin-bar-search' class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1"><form action="https://www.aliyahmagazine.com/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" /><label for="adminbar-search" class="screen-reader-text">Search</label><input type="submit" class="adminbar-button" value="Search"/></form></div></li></ul> </div> </div> <script src="https://www.aliyahmagazine.com/wp-content/themes/parallelus-razor/assets/js/onLoad.js"></script> <script type="text/javascript"> var _gaq = [['_setAccount', 'UA-31570323-1'], ['_trackPageview']]; (function(d, t) { var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = true; g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; s.parentNode.insertBefore(g, s); })(document, 'script'); </script> </body> </html> <!-- Page generated by LiteSpeed Cache 3.6.1 on 2021-01-20 08:05:29 -->