Skip to content
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.

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

Training #1

Open
wants to merge 8 commits into
base: develop
Choose a base branch
from
Open

Training #1

wants to merge 8 commits into from

Conversation

sauravd4
Copy link
Owner

Navigation buttons added

home.html Outdated
@@ -8,9 +8,15 @@
<img height="90" width="270" src="https://argildx.com/wp-content/uploads/2017/05/final-logo-wdspace-300x98.png" alt="Argil DX">
</a>
</span>
<div class="divNavigation">
<a class="btnNavigate" href="#divHome">Home</a>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Never use camel casing. Only use hyphenated classes.

home.html Outdated
</div>
</div>
<div class="main">
<div class="main" id="divHome">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do not over use ID

home.html Outdated
@@ -55,7 +61,7 @@ <h2 class="centre">Services</h2>
</ul>
<br>
</div>
<div class="divWhoWeAre">
<div class="divWhoWeAre" id="divWhoWeAre">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ID should not be camel case.

style.scss Outdated
float: right;

.btnNavigate{
color: #55606e;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Put colors in separate colors.scss file.

style.scss Outdated
.btnNavigate{
color: #55606e;
padding: 0 10px;
height: 88px;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Use only rem as a unit.

home.html Outdated
<img src="https://argildx.com/wp-content/uploads/2017/10/solution-partner.jpg" alt="" title="solution-partner" itemprop="thumbnailUrl">
</div>
</div>
<div id="services" class="divServices">
<div id="services" class="div-services">
<h2 class="centre">Services</h2>
<ul class="servicesUl">
<li>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why is the li without class?

home.html Outdated
@@ -71,7 +77,7 @@ <h2 class="centre">
</p>
</div>
<div class="centre">
<input type="button" class="btnLearn" value="Learn more about us" />
<input type="button" class="btn-learn" value="Learn more about us" />
</div>
<br>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Never use BR

_colors.scss Outdated
@@ -0,0 +1,8 @@
$primary-color: #ffffff;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

$white-color

_variable.scss Outdated
@@ -0,0 +1,2 @@
$padding: 0.375rem;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

$padding-paragraph

_variable.scss Outdated
@@ -0,0 +1,2 @@
$padding: 0.375rem;
$font: 'Open Sans','HelveticaNeue','Helvetica Neue',Helvetica,Arial;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

$open-sans-font:

home.html Outdated
@@ -2,61 +2,65 @@
<script src="home.js"></script>
<div class="body">
<div class="header">
<div class=innerHeader>
<div class=inner-header>
<span class="logo">
<a href="/">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

class?

home.html Outdated
@@ -2,61 +2,65 @@
<script src="home.js"></script>
<div class="body">
<div class="header">
<div class=innerHeader>
<div class=inner-header>
<span class="logo">
<a href="/">
<img height="90" width="270" src="https://argildx.com/wp-content/uploads/2017/05/final-logo-wdspace-300x98.png" alt="Argil DX">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Class?

home.html Outdated
<span class="logo">
<a href="/">
<img height="90" width="270" src="https://argildx.com/wp-content/uploads/2017/05/final-logo-wdspace-300x98.png" alt="Argil DX">
</a>
</span>
<div class="div-navigation">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

class= navigation

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants