박은주 / Todays_Issue

Go to a project
Toggle navigation Toggle navigation pinning
박은주
f7137516 1 parent 9ff70b79

HTML Modified

Inline Side-by-side
Showing 3 changed files with 49 additions and 59 deletions
......@@ -67,18 +67,18 @@ body{
2. HOME / Countdown styles
------------------------------------------------------------------------- */
.logo{
padding-bottom: 5%;
padding-bottom: 5%; /* 로고 */
}
.logo p{
.logo p{ /* 오늘의 학교는 */
color: #ffffff;
padding-top: 20px;
font-style: italic;
}
#home .large-header {
#home .large-header { /* Background */
background-image: url("../images/pattern.png"),url('../images/img-1.jpg');
background-position: center;
}
.home-main {
.home-main { /* container 정렬 */
position: absolute;
margin: 0;
padding: 0;
......@@ -88,12 +88,12 @@ body{
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
#countdown_dashboard {
#countdown_dashboard { /* 위에거랑 비슷한듯? */
display: block;
margin: 0px auto;
overflow: hidden
}
.dash {
.dash { /* 숫자 불투명도 */
padding-bottom: 10px;
position: relative;
opacity: 1;
......@@ -142,49 +142,6 @@ body{
}
}
/* -----------------------------------------------------------------------
3. Newsletter styles
------------------------------------------------------------------------- */
.newsletter{
padding: 100px 0px;
}
.newsletter h4,.newsletter p{
margin: 0px;
}
.newsletter p{
padding: 30px 0px;
}
.news-input{
border: 3px solid #000;
height: 45px;
border-right: 0px;
color: #000;
}
.news-input:focus{
background:url("../images/pattern.png");
border: 3px solid #000;
border-right: 0px;
outline: none;
box-shadow: none;
color: #fff;
}
.news-btn{
height: 45px;
border: 3px solid #000;
font-weight: 700;
border-left: 4px solid #000;
}
.news-btn:hover{
border-left: 3px solid #000;
}
.news-text{
font-size: 16px;
padding: 20px;
color: #333;
}
.newsletter .validation {
border: 3px solid #ff0000;
}
/* -----------------------------------------------------------------------
4. Features styles
------------------------------------------------------------------------- */
.features{
......

56.2 KB | W: | H:

658 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
......@@ -34,52 +34,85 @@
<div class="row">
<div class="logo">
<img src="images/logo.png" alt="logo">
<p>Lorem Ipsum is simply dummy text</p>
<p>오 늘 의 학 교 는</p>
</div>
</div>
<div class="row">
<!-- DAYS -->
<div class="col-md-3 col-sm-3 col-xs-6 dash-glob" data-scroll-reveal="enter bottom move 25px, after 0.3s">
<div class="dash days_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<span class="dash_title">Days</span>
<span class="dash_title">새 글</span>
</div>
</div>
<!-- HOURS -->
<div class="col-md-3 col-sm-3 col-xs-6 dash-glob" data-scroll-reveal="enter bottom move 25px, after 0.3s">
<div class="dash hours_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<span class="dash_title">Hours</span>
<span class="dash_title">긍정</span>
</div>
</div>
<!-- MINUTES -->
<div class="col-md-3 col-sm-3 col-xs-6 dash-glob" data-scroll-reveal="enter bottom move 25px, after 0.3s">
<div class="dash minutes_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<span class="dash_title">Minutes</span>
<span class="dash_title">부정</span>
</div>
</div>
<!-- SECONDS -->
<div class="col-md-3 col-sm-3 col-xs-6 dash-glob" data-scroll-reveal="enter bottom move 25px, after 0.3s">
<div class="dash seconds_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<span class="dash_title">Seconds</span>
<span class="dash_title">{eat}까지</span>
</div>
</div>
</div> <!-- END ROW -->
</div> <!-- END COUNTDOWN -->
</div> <!-- LARGE HEADER -->
</div> <!-- END CONTENT -->
</section>
<section id="contact" class="contact">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12">
<h4>Get In Touch</h4>
<div class="line-separate line-white text-center"><span></span></div>
<p>7-Indus House, Area name,city name -1230009</p>
</div> <!-- end Our Location -->
</div> <!-- end row -->
<!-- CONTACT FORM -->
<div id="cformSuccessMsg" style="display: none;" class="confirm-message"></div>
<form id="" name="contactForm" method="POST" >
<div class="row">
<div class="col-lg-4 col-md-4 col-lg-offset-2 col-md-offset-2">
<input class="" type="text" name="contact_name" id="contact_name" placeholder="Name" />
</div> <!-- end Name -->
<div class="col-lg-4 col-md-4">
<input class="" type="text" name="contact_email" id="contact_email" placeholder="Email" />
</div> <!-- end Email -->
</div>
<div class="row">
<div class="col-lg-8 col-md-8 col-lg-offet-2 col-md-offset-2">
<textarea name="contact_message" id="contact_message" placeholder="Message"></textarea>
</div>
</div> <!-- end Message -->
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="text-right">
<button class="btn btn-custom" id="contact_submit_btn" name="contact_submit_btn"><span>Send Message</span></button>
</div>
</div>
</div> <!-- end button -->
</form><!-- END FORM -->
</div> <!-- end container -->
</section> <!-- end Contact -->
<footer class="footer">
<div class="container text-center">
<div class="row">
<p class="copyright">Copyright© 2016 <a href="http://templatestock.co">Template Stock</p>
</div>
</div>
</section>
</footer>
<!-- JAVASCRIPTS -->
<script src="js/jquery.min.js"></script>
......