Skip to content

Yaz #9

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
YazanMansour wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Yaz #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9b76703
edited layout of home, added pictures, updated contact page, included…
YazanMansour Oct 5, 2017
868c56f
edited layout of home, included pictures, updated contact page, inclu…
YazanMansour Oct 5, 2017
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
22 changes: 11 additions & 11 deletions modules/core/client/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -304,7 +304,7 @@ header h1 a {
display: inline-block;
overflow: hidden;
font-size: 0;
line-height: 0;
line-height: 0;
text-indent: -999px;
transition: 0s ease;
-o-transition: 0s ease;
Expand Down Expand Up @@ -671,7 +671,7 @@ header h1 a img {
}

.map_block+.map_block {
padding-top: 24px;
padding-top: 24px;
}

.map_block .map_title {
Expand Down Expand Up @@ -817,7 +817,7 @@ header h1 a img {

.clear.height1 {
height: 10px !important;
}
}
}
@media only screen and (max-width: 979px) {

Expand Down Expand Up @@ -846,11 +846,11 @@ header h1 a img {
margin-left: 0;
margin-top: 30px;
}
.map figure,
.map figure iframe,

.map figure,
.map figure iframe,
#form input,
#form textarea,
#form textarea,
#form .success {
width: 100% !important;
float: none !important;
Expand Down Expand Up @@ -881,7 +881,7 @@ header h1 a img {
}

@media only screen and (max-width: 767px) {

.banner>img {
width: 100%;
}
Expand Down Expand Up @@ -963,14 +963,14 @@ header h1 a img {


@media only screen and (max-width: 479px) {


.tmSelect.auto, .tmSelect2.auto {
width: 180px;
}
}

.blog table {
}
}

.blog table td:first-child .fa {
display: block;
Expand Down
36 changes: 23 additions & 13 deletions modules/core/client/views/home.client.view.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,6 +69,7 @@ <h1>
<li><a ui-sref=".articles">articles</a></li>
<li><a ui-sref=".quests">quests</a></li>
<li><a ui-sref=".game">games</a></li>
<li><a ui-sref=".sponsor">sponsor</a></li>
<li><a ui-sref=".contact">contact us</a></li>
</ul>
</nav>
Expand All @@ -87,10 +88,13 @@ <h1>
<section class="content"><div class="ic">More Website Templates @ TemplateMonster.com - July 30, 2014!</div>
<div class="container">
<div class="row">

<div class="grid_4">
<div class="banner">
<div class="gall_block">
<img src="images/page1_img1.jpg" alt="">
<!-- <img src="images/page1_img1.jpg" alt=""> -->
<img src="http://i1250.photobucket.com/albums/hh521/cen3031group6c/brand2_zps9g3urj6l.png">

<div class="bann_capt ">
<div class="maxheight">
<img src="images/icon1.png" alt="">
Expand All @@ -111,14 +115,14 @@ <h1>
<a href="#">more</a>
</div>
</div>
<img src="images/page1_img2.jpg" alt="">
<img src="http://i1250.photobucket.com/albums/hh521/cen3031group6c/brand1_zpsebozyeko.png" alt="">
</div>
</div>
</div>
<div class="grid_4">
<div class="grid_3">
<div class="banner ">
<div class="gall_block">
<img src="images/page1_img3.jpg" alt="">
<img src="http://i1250.photobucket.com/albums/hh521/cen3031group6c/brand3_zps2avld7yw.png" alt="">
<div class="bann_capt bn__2">
<div class="maxheight">
<img src="images/icon3.png" alt="">
Expand All @@ -129,26 +133,31 @@ <h1>
</div>
</div>
</div>
<div class="grid_4">
</div>
</div>
<br>
<div class="container">
<div class="row">
<div class="grid_3">
<div class="block1">
<div class="count">1.</div>
Vivamus at magna non nunc tristique rhoncus. Aliquam nibh ante, egestas id dictum a, commodo. Praesent faucibus malesuada faucibus. Donec laeet metus id laoreet malesuadarem ipsum dolor
word
<br>
<a href="#" class="btn">more</a>
</div>
</div>
<div class="grid_4">
<div class="grid_5">
<div class="block1">
<div class="count">2.</div>
Dasamus at magna non nunc tristique rhoncus. Kliquam nibh ante, egestas id dictum a, commodo. Praesent faucibus malesuada faucibus. Donec laeet metus id laoreet malesuadarem ipsumer
Gayle's
<br>
<a href="#" class="btn">more</a>
</div>
</div>
<div class="grid_4">
<div class="grid_3">
<div class="block1">
<div class="count">3.</div>
Tervamus at magna non nunc tristique rhoncus. Oliquam nibh ante, egestas id dictum a, commodo. Iraesent faucibus malesuada faucibus. Donec laeet etus id laoreet malesuadarem ipsolo
word
<br>
<a href="#" class="btn">more</a>
</div>
Expand Down Expand Up @@ -213,6 +222,8 @@ <h2>Opening Hours</h2>
</ul>
</div>
</div>


</div>
</section>
<!--==============================
Expand All @@ -224,11 +235,10 @@ <h2>Opening Hours</h2>
<div class="grid_12">
<div class="socials">
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-facebook"></a>
<a href="https://www.facebook.com/SchoolNotesMagazine/" class="fa fa-facebook" ></a>
<a href="#" class="fa fa-google-plus"></a>
<a href="#" class="fa fa-pinterest"></a>
</div>
<div class="copyright"><span class="brand">Bliss </span> &copy; <span id="copyright-year"></span> | <a href="#">Privacy Policy</a> <div>Website designed by <a href="http://www.templatemonster.com/" rel="nofollow">TemplateMonster.com</a></div>
<!-- <div class="copyright"><span class="brand">Bliss </span> &copy; <span id="copyright-year"></span> | <a href="#">Privacy Policy</a> <div>Website designed by <a href="http://www.templatemonster.com/" rel="nofollow">TemplateMonster.com</a></div> -->
</div>
</div>
</div>
Expand Down
106 changes: 101 additions & 5 deletions modules/core/client/views/home.contact.client.view.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Menu</title>
<title>Contacts</title>
<meta charset="utf-8">
<meta name = "format-detection" content = "telephone=no" />
<link rel="icon" href="images/favicon.ico">
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/form.css">
<link rel="stylesheet" href="css/stuck.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/touchTouch.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.1.1.js"></script>
<script src="js/script.js"></script>
Expand All @@ -18,14 +18,14 @@
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/tmStickUp.js"></script>
<script src="js/jquery.ui.totop.js"></script>
<script src="js/touchTouch.jquery.js"></script>
<script src="js/TMForm.js"></script>
<script src="js/modal.js"></script>

<script>
$(document).ready(function(){

$().UItoTop({ easingType: 'easeOutQuart' });
$('#stuck_container').tmStickUp({});
$('.gallery .gall_item').touchTouch();

});
</script>
Expand All @@ -46,6 +46,102 @@
<!--==============================
header
=================================-->
<h1>CONTACT US AT 911</h1>
<h1>Page for Calendar</h1>


<!--=====================
Content
======================-->
<section class="content ctn__1"><div class="ic">More Website Templates @ TemplateMonster.com - July 30, 2014!</div>
<div class="container">
<div class="row">
<div class="grid_12">
<h2>Find Us</h2>
<div class="map">
<div class="row">
<div class="grid_9">
<figure class="">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d24214.807650104907!2d-73.94846048422478!3d40.65521573400813!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sus!4v1395650655094" style="border:0"></iframe>
</figure>
</div>
<div class="grid_3">
<div class="map_block">
<div class="map_title">Address:</div>
School Notes <br> PO Box 141571 <br> Gainesville, FL 32614S
</div>
<div class="map_block">
<div class="map_title">Phone:</div>
352-328-4780
</div>
<div class="map_block">
<div class="map_title">Email:</div>
<a href="#">info@schoolnotesmagazine.org</a>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="grid_8">
<p>24/7 support is on for all <span class="color1 fw"><a href="http://www.templatemonster.com/" rel="nofollow">premium themes</a></span>. <br>
Guys from <span class="color1 fw"><a href="http://www.templatetuning.com/" rel="nofollow">Template Tuning</a></span> are always ready to help you with customization of the chosen theme.</p>
Kas facilisis, nulla vel viverra auctor, leo magna sodales felis, quis malesuada nibh odio ut velitoin pharetra luctus diama scelerisque eros convallis accumsan.
</div>-->
</div>
</div>
</section>
<div class="form_block">
<div class="container">
<div class="row">
<div class="grid_11">
<h2>Contact Form</h2>
<form id="form" >
<div class="form_spinner">
<img src="images/Preloader_4.gif" alt="">
</div>
<div class="modal fade response-message">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
asfasfasf
</div>
</div>
</div>
</div>
<div class="response-error-message"></div>
<label class="name">
<input type="text" name="name" placeholder="Name:" value="" data-constraints="@Required @JustLetters" />
<span class="empty-message">*This field is required.</span>
<span class="error-message">*This is not a valid name.</span>
</label>
<label class="email">
<input type="text" name="email" placeholder="E-mail:" value="" data-constraints="@Required @Email" />
<span class="empty-message">*This field is required.</span>
<span class="error-message">*This is not a valid email.</span>
</label>
<label class="phone">
<input type="text" name="phone" placeholder="Phone:" value="" data-constraints="@Required @JustNumbers"/>
<span class="empty-message">*This field is required.</span>
<span class="error-message">*This is not a valid phone.</span>
</label>
<label class="message">
<textarea name="message" placeholder="Message:" data-constraints='@Required @Length(min=20,max=999999)'></textarea>
<span class="empty-message">*This field is required.</span>
<span class="error-message">*The message is too short.</span>
</label>
<div class="clear"></div>
<div class="btns">
<a href="#" data-type="reset" class="btn">clear</a>
<a href="#" data-type="submit" class="btn">send</a>
</div>
</form>
</div>
</div>
</div>
</div>

</body>
</html>
Loading