21 Jan 2018

feedHTMLHelp Forums Full Feed

Not sure why this is all messed up on mobile

Can someone please help me out here. On desktop it looks great, but on mobile its terrible. The code should account for mobile as it is nothing fancy. Thanks!

[url]www.autoxicology.com
[/url]

Code: Select all
/*
* Template Name:
* Version: 1.0
* Author:
* Twitter:
* License: Creative Commons Attribution 3.0 License
* Website:
*/
/* styles.css */
/* ======= Base ======= */
body {
font-family: 'Roboto', sans-serif;
color: #545E6C;
background: #f5f5f5;
font-size: 14px;
padding: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
}
a {
color: #2d7788;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
@media screen and (max-width:320px) {
/* CSS for screens that are 320 pixels or less will be put in this section */
}
a:hover {
text-decoration: underline;
color: #1a454f;
}
a:focus {
text-decoration: none;
}
p {
line-height: 1.5;
}
.wrapper {
background: #42A8C0;
max-width: 960px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.sidebar-wrapper {
background: #42A8C0;
position: absolute;
right: 400;
width: 290px;
height: 100%;
min-height: 800px;
color: #fff;
}
.sidebar-wrapper a {
color: #fff;
}
.sidebar-wrapper .profile-container {
padding: 30px;
background: rgba(0, 0, 0, 0.2);
text-align: center;
color: #fff;
}
.sidebar-wrapper .name {
font-size: 16px;
font-weight: 600;
margin-top: 0;
margin-bottom: 10px;
}
.sidebar-wrapper .tagline {
color: rgba(255, 255, 255, 0.6);
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
}
.sidebar-wrapper .profile {
margin-bottom: 15px;
}
.sidebar-wrapper .contact-list .fa {
margin-right: 5px;
font-size: 18px;
vertical-align: middle;
}
.sidebar-wrapper .contact-list li {
margin-bottom: 15px;
}
.sidebar-wrapper .contact-list li:last-child {
margin-bottom: 0;
}
.sidebar-wrapper .contact-list .email .fa {
font-size: 1imgpx;
}
.sidebar-wrapper .container-block {
padding: 30px;
}
.sidebar-wrapper .container-block-title {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
margin-top: 0;
margin-bottom: 15px;
}
.sidebar-wrapper .degree {
font-size: 14px;
margin-top: 0;
margin-bottom: 5px;
}
.sidebar-wrapper .education-container .item {
margin-bottom: 15px;
}
.sidebar-wrapper .education-container .item:last-child {
margin-bottom: 0;
}
.sidebar-wrapper .education-container .meta {
color: rgba(255, 255, 255, 0.6);
font-weight: 500;
margin-bottom: 0px;
margin-top: 0;
}
.sidebar-wrapper .education-container .time {
color: rgba(255, 255, 255, 0.6);
font-weight: 500;
margin-bottom: 0px;
}
.sidebar-wrapper .languages-container .lang-desc {
color: rgba(255, 255, 255, 0.6);
}
.sidebar-wrapper .languages-list {
margin-bottom: 0;
}
.sidebar-wrapper .languages-list li {
margin-bottom: 10px;
}
.sidebar-wrapper .languages-list li:last-child {
margin-bottom: 0;
}
.sidebar-wrapper .interests-list {
margin-bottom: 0;
}
.sidebar-wrapper .interests-list li {
margin-bottom: 10px;
}
.sidebar-wrapper .interests-list li:last-child {
margin-bottom: 0;
}
.main-wrapper {
background: #fff;
padding: 0px;
padding-right: 100px;
padding-left: 330px;
}
.main-wrapper .section-title {
text-transform: uppercase;
font-size: 20px;
font-weight: 500;
color: #2d7788;
position: relative;
margin-top: 0;
margin-bottom: 20px;
}
.main-wrapper .logo {
div {width: 100px;border: 1px solid red;}
img {width: 100px;height: auto;}

.block img{
display:block;
}
.bottom img{
vertical-align:bottom;

}

.main-wrapper .section-title .fa {
width: 30px;
height: 30px;
margin-right: 8px;
display: inline-block;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #2d7788;
text-align: center;
padding-top: 8px;
font-size: 16px;
position: absolute;
top: -2px;
}
.main-wrapper .section {
margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
margin-bottom: 30px;
}
.main-wrapper .upper-row {
position: relative;
overflow: hidden;
margin-bottom: 2px;
}
.main-wrapper .job-title {
color: #3F4650;
font-size: 16px;
margin-top: 0;
margin-bottom: 0;
font-weight: 500;
}
.main-wrapper .time {
position: absolute;
right: 0;
top: 0;
color: #97AAC3;
}
.main-wrapper .company {
margin-bottom: 10px;
color: #97AAC3;
}
.main-wrapper .project-title {
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 5px;
}
.main-wrapper .projects-section .intro {
margin-bottom: 30px;
}
.main-wrapper .projects-section .item {
margin-bottom: 15px;
}
.skillset .item {
margin-bottom: 15px;
overflow: hidden;
}
.skillset .level-title {
font-size: 14px;
margin-top: 0;
margin-bottom: 12px;
}
.skillset .level-bar {
height: 12px;
background: #f5f5f5;
}
.skillset .level-bar-inner {
height: 12px;
background: #7bc2d3;
}
.footer {
padding: 30px;
padding-top: 60px;
}
.footer .copyright {
line-height: 1.6;
color: #AFAFAF;
font-size: 13px;
}
.footer .fa-heart {
color: #fb866a;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
.sidebar-wrapper {
position: static;
width: inherit;
}
.main-wrapper {
padding: 30px;
}
.main-wrapper .time {
position: absolute;
display: block;
margin-top: 5px;
}
.main-wrapper .upper-row {
margin-bottom: 0;
}
}
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.skillset .level-title {
display: inline-block;
float: left;
width: 30%;
margin-bottom: 0;
}
.skillset .level-bar {
display: inline-block;
width: 70%;
float: left;
position: relative;
top: 1px;
}
}
/* Large devices (large desktops, 1200px and up) */
/* Ex-Large devices (large desktops, 1200px and up) */


Code: Select all
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>AUTOXICOLOGY - Dr. Bruce A. Goldberger</title>
<!-- Meta -->
<meta name="viewport" content="width=device-width; height=device-height; initial-scale=0.5;" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Dr. Bruce A. Goldberger">
<meta name="robots" content="autoxicology, forensic, forensic toxicology, clinical toxicology, medical toxicology, bruce goldberger" />
<meta name="author" content="Jacob Goldberger">
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css? family=Roboto:400,500,400italic,300italic,300,500italic,700,700italic,900,900ita
lic' rel='stylesheet' type='text/css'>
<!-- Global CSS -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">

<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>
<div class="wrapper">
<div class="sidebar-wrapper">
<div class="profile-container">
<img class="profile" src="assets/images/profile.jpeg" alt="" />
<h1 class="name">Dr. Bruce A. Goldberger</h1>
<h3 class="tagline"> Toxicologist</h3>
</div><!--//profile-container-->

<div class="contact-container container-block">
<ul class="list-unstyled contact-list">
<li class="email"><i class="fa fa-envelope"></i><a href="mailto:bgoldberger@autoxicology.com">bgoldberger@autoxicology.com</a></li>
<li class="phone"><i class="fa fa-phone"></i><a href="tel:352-258-6125">(352) 258-6125</a></li>
<li class="phone"><i class="fa fa-fax"></i><a>(866) 388‐3028</a></li>
<li class="website"><i class="fa fa-globe"></i><a href="http://www.autoxicology.com" target="_blank">autoxicology.com</a></li>
</ul>
</div><!--//contact-container-->
<div class="education-container container-block">
<h2 class="container-block-title">Education</h2>
<div class="item">
<h4 class="degree">B.A. degree in Zoology</h4>
<h5 class="meta">Drew University</h5>
<div class="time">May, 1982</div>
</div><!--//item-->
<div class="item">
<h4 class="degree">M.S. degree in Forensic Toxicology</h4>
<h5 class="meta">University of Maryland School of Medicine</h5>
<div class="time">August, 1985</div>
</div><!--//item-->
<div class="item">
<h4 class="degree">Ph.D. degree in Forensic Toxicology</h4>
<h5 class="meta">University of Maryland School of Medicine</h5>
<div class="time">January, 1993</div>
</div><!--//item-->
</div><!--//education-container-->

<div class="languages-container container-block">
<h2 class="container-block-title">Download CV</h2>
<ul class="list-unstyled interests-list">
<li> <a href="Bruce_Goldberger_CV_(April 2017).pdf" download> April - 2017</a></li>
</ul>
</div><!--//interests-->


</div><!--//sidebar-wrapper-->

<div class="main-wrapper">

<img src="img/BruceTox_Logo_Web.png" border="0" height="180" width="440" style="PADDING-LEFT: 120px; PADDING-BOTTOM: 30px; PADDING-TOP: 20px;">

<section class="section summary-section">
<h2 class="section-title"><i class="fa fa-user"></i>Biography</h2>

<div class="summary">
<p>Dr. Bruce Goldberger is a Professor and the Chief of the Division of Forensic Medicine in the Department of Pathology, Immunology and Laboratory Medicine in the College of Medicine at the University of Florida in Gainesville, Florida. Dr. Goldberger holds a joint Professor position in the Department of Psychiatry Division of Addiction Medicine. Dr. Goldberger is the Medical Director of UF Health Pathology Laboratories Clinical Toxicology Laboratory, the Director of the William R. Maples Center for Forensic Medicine, and the Program Director of the Florida Emergency Mortuary Operations Response System. <br> <p>

Dr. Goldberger is the Technical and Administrative Director of the Forensic Toxicology Laboratory at the University of Florida which provides toxicological services to Medical Examiner Offices and State and local law enforcement agencies throughout the State of Florida. Dr. Goldberger has been qualified as an expert witness more than 300 times in forensic toxicology in Federal, State, Military and Canadian courts of law. <br> <p>

Dr. Goldberger received a Bachelor of Arts Degree in Zoology from Drew University in Madison, New Jersey and Master of Science and Doctor of Philosophy Degrees in Forensic Toxicology from the University of Maryland School of Medicine in Baltimore, Maryland. Dr. Goldberger is a Fellow of the American Board of Forensic Toxicology and the National Academy of Clinical Biochemistry.<br> <p>

Dr. Goldberger is the editor-in-chief of the Journal of Analytical Toxicology. Dr. Goldberger is a past-President of the American Academy of Forensic Sciences and Society of Forensic Toxicologists, the President of the American Board of Forensic Toxicology, and the Treasurer of the Forensic Specialties Accreditation Board.<br> <p>

Dr. Goldberger has published numerous articles, reviews and chapters related to forensic toxicology and is co-editor of the Handbook of Workplace Drug Testing, 1st and 2nd editions, On-Site Drug Testing and Garriott's Medicolegal Aspects of Alcohol, 6th Edition. Dr. Goldberger's studies in forensic toxicology have included the analysis of alcohol in blood and breath and the measurement of therapeutic, abused and emerging drugs in biological fluids.<br> <p>

In recognition of his student research achievements in forensic toxicology, Dr. Goldberger was presented with the first annual Sunshine Award from the Toxicology Section of the American Academy of Forensic Sciences in 1988. In addition, he was the 1994 recipient of the American Association for Clinical Chemistry's Outstanding Scientific Achievements by a Young Investigator Award. In 2004, Dr. Goldberger was the recipient of The International Association of Forensic Toxicologists' mid-career achievement award for excellence in forensic toxicology. Dr. Goldberger also received the Alexander O. Gettler Award in recognition of his outstanding contributions to the field and profession of forensic toxicology from the Toxicology Section of the American Academy of Forensic Sciences in 2006, the Outstanding Achievement Award from the Florida Association of Medical Examiners in 2008, and the Achievement in the Sciences Award from Drew University in 2012. In recognition of his outstanding contributions to the field of alcohol- and drug-related traffic safety, Dr. Goldberger was the recipient of the National Safety Council's 2017 Robert F. Borkenstein Award. <br> <p>
<hr>
</div><!--//summary-->
</section><!--//section-->

</div><!--//main-body-->
</div>

<footer class="footer">
<div class="text-center">
<!--/* This template is released under the Creative Commons Attribution 3.0 License. Please keep the attribution link below when using for your own project. Thank you for your support. smile.gif If you'd like to use the template without the attribution, you can check out other license options via our website: themes.3rdwavemedia.com */-->
<small class="copyright">Copyright © 2017, AUTOXICOLOGY, Inc. All rights reserved. </small>
</div><!--//container-->
</footer><!--//footer-->

<!-- Javascript -->
<script type="text/javascript" src="assets/plugins/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- custom js -->
<script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>

21 Jan 2018 9:50pm GMT

17 Jan 2018

feedParameter

The Complete Coinbase Review: Is this the Best Exchange for Beginners?

Coinbase is easily one of the leaders in the world of cryptocurrency exchanges. Even with the dramatic increase in exchanges, Coinbase has stayed at the forefront due to its safe and secure transactions, excellent organization, and long history. Coinbase launched […]

The post The Complete Coinbase Review: Is this the Best Exchange for Beginners? appeared first on Parameter.

17 Jan 2018 12:25pm GMT

14 Jan 2018

feedHTMLHelp Forums Full Feed

Echo out how many Ones that is generated via simple PHP script

Hello,


I have made a race that finds all numbers that 7 can be divided up to 1000. The task is to find out how many of these numbers exist, that is the number. Thus I put all the values ​​into a common number that was 1.

What I'm wondering is how I can show, with simple php coding, how many 1s are being generated, ie something with count or something

Here is the PHP Code i have writen!


CODE

<?php

for ($number=1; $number<=1000; $number++)
{ if ($number % 7 == 0) {
//print"$number <br>";}
$antall = $number%$number == 0;

}
$enere = array("1");
echo count ($enere);
}

?>



Thanks in advanced!
Sanoj96

14 Jan 2018 11:40pm GMT

09 Jan 2018

feedHTMLHelp Forums Full Feed

Advice on H1

Hi All..

Could anyone tell me the reason why the following might occur.

Someone updates H1 heading tag in my HTML website.

They show me the H1 addition in an image that they sent.

I cant find it using view page source>CTRL & F to search H1.

How can it be that it is showing his end and not mine?

Thanks in advance!!

09 Jan 2018 6:23pm GMT

03 Jan 2018

feedCSS Drive News

7 WordPress and Web Design Trends to Watch in 2018

See the top Wordpress and web design trends coming your way this year.

03 Jan 2018 1:20pm GMT

01 Dec 2017

feedCSS Drive News

Popular CSS Button Hover Effects Explained

A look at the technique behind popular CSS button hover effects that involve animating the button's pseudo elements using CSS transitions.

01 Dec 2017 10:00pm GMT

22 Nov 2017

feedParameter

20+ Free Cyberpunk 2077 HD Wallpapers

Cyberpunk 2077 is an exciting new game which is currently in development by CD Projekt Red, creators of the Witcher trilogy. It is an open world RPG set in a dystopian future in the year 2077, it is based on […]

The post 20+ Free Cyberpunk 2077 HD Wallpapers appeared first on Parameter.

22 Nov 2017 8:15am GMT

12 Nov 2017

feedSmiley Cat: Christian Watson's Web Design Blog

The Most Popular Medium Articles on Product Management

A collection of the most popular articles of all time about product management on Medium.

12 Nov 2017 10:09am GMT

06 Nov 2017

feedCSS Drive News

Introduction to JavaScript Web Animation API

See how to animate elements in JavaScript using the power of CSS keyframes, with the Web Animation API.

06 Nov 2017 7:56pm GMT

20 Oct 2017

feedParameter

30+ Free Business Card Templates PSDs

Some might consider business cards an outdated concept these days with the proliferation of online websites, social media, instant chat services and so on. Meeting people face to face and learning about that person via a physical card seems like […]

The post 30+ Free Business Card Templates PSDs appeared first on Parameter.

20 Oct 2017 11:32am GMT

28 Aug 2017

feedSmiley Cat: Christian Watson's Web Design Blog

Innovative Approaches to Mobile PDP Design: Part 2

A collection of novel approaches to mobile product detail page design from leading ecommerce retailers to drive conversions and increase sales.

28 Aug 2017 6:01am GMT

12 Aug 2017

feedSmiley Cat: Christian Watson's Web Design Blog

14 Innovative Approaches to Mobile Product Detail Page Design

Mobile product detail pages follow a fairly standard template. Here are 14 examples of mobile retailers trying new approaches to displaying content and offering functionality on their mobile PDPs.

12 Aug 2017 9:39pm GMT

22 Mar 2011

feedArticles – CSS Globe

Easy Percentage Grid System with HTML5

Web grid systems help front end coders to layout a document faster. In this article I am presenting a percentage based grid system that is included in the Easy framework's CSS.

22 Mar 2011 10:04am GMT

09 Mar 2011

feedArticles – CSS Globe

Easy Paginate jQuery plugin for pagination

This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects.

09 Mar 2011 11:16am GMT

21 Feb 2011

feedArticles – CSS Globe

jQuery plugin Easy Image Zoom

I have been working on a little script for a client of mine, that required product image magnification. The task was to create a script that will allow users to see large details of the product while moving cursor over medium sized image. During the process I decided to create a jQuery plugin and share it with you guys!

21 Feb 2011 11:29am GMT

30 Nov 2008

feedNycGraphix BlogPhoto

Photography Blogs and Feeds

digtal Photography School - (RSS) JMG-Galleries - (RSS) Photocritic - (RSS) 365 Portraits - (RSS) Strobist - (RSS) Kwerfeldein - (RSS) Joseph Szymanski - (RSS) File Magazine - (RSS) PhotographyVoter - (RSS) Photopreneur - (RSS) The Daily Critique - (RSS) Catchy Colors Photoblog - (RSS) photodoto - (RSS) daily dose of imagery - (RSS) NYCgraphix Blog Photo - (RSS) Photoshop User TV - (RSS) DIYPhotography.net - (RSS) Earthbound Light - (RSS) Earth Shots [...]

30 Nov 2008 12:45pm GMT

20 Oct 2008

feedNycGraphix BlogPhoto

WP Plugins October 20, 2008

NextGEN Gallery (Download)NextGEN Gallery is a full integrated Image Gallery plugin for WordPress with a Flash slideshow option. d13slideshow (Download)Add animated slideshows of your featured pages and posts. Lifestream (Download)Lifestream displays your social feeds and photos much like you would see it on many of the social networking sites. WP Super Cache(Download)A very fast caching engine for WordPress [...]

20 Oct 2008 8:54am GMT

11 Oct 2008

feedNycGraphix BlogPhoto

Windows Software

Avast: Another free Anti-Virus software. Just as good [...]

11 Oct 2008 10:12pm GMT