박은주 / 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{ ...@@ -67,18 +67,18 @@ body{
67 2. HOME / Countdown styles 67 2. HOME / Countdown styles
68 ------------------------------------------------------------------------- */ 68 ------------------------------------------------------------------------- */
69 .logo{ 69 .logo{
70 - padding-bottom: 5%; 70 + padding-bottom: 5%; /* 로고 */
71 } 71 }
72 -.logo p{ 72 +.logo p{ /* 오늘의 학교는 */
73 color: #ffffff; 73 color: #ffffff;
74 padding-top: 20px; 74 padding-top: 20px;
75 font-style: italic; 75 font-style: italic;
76 } 76 }
77 -#home .large-header { 77 +#home .large-header { /* Background */
78 background-image: url("../images/pattern.png"),url('../images/img-1.jpg'); 78 background-image: url("../images/pattern.png"),url('../images/img-1.jpg');
79 background-position: center; 79 background-position: center;
80 } 80 }
81 -.home-main { 81 +.home-main { /* container 정렬 */
82 position: absolute; 82 position: absolute;
83 margin: 0; 83 margin: 0;
84 padding: 0; 84 padding: 0;
...@@ -88,12 +88,12 @@ body{ ...@@ -88,12 +88,12 @@ body{
88 -webkit-transform: translate3d(-50%,-50%,0); 88 -webkit-transform: translate3d(-50%,-50%,0);
89 transform: translate3d(-50%,-50%,0); 89 transform: translate3d(-50%,-50%,0);
90 } 90 }
91 -#countdown_dashboard { 91 +#countdown_dashboard { /* 위에거랑 비슷한듯? */
92 display: block; 92 display: block;
93 margin: 0px auto; 93 margin: 0px auto;
94 overflow: hidden 94 overflow: hidden
95 } 95 }
96 -.dash { 96 +.dash { /* 숫자 불투명도 */
97 padding-bottom: 10px; 97 padding-bottom: 10px;
98 position: relative; 98 position: relative;
99 opacity: 1; 99 opacity: 1;
...@@ -142,49 +142,6 @@ body{ ...@@ -142,49 +142,6 @@ body{
142 } 142 }
143 } 143 }
144 /* ----------------------------------------------------------------------- 144 /* -----------------------------------------------------------------------
145 - 3. Newsletter styles
146 -------------------------------------------------------------------------- */
147 -.newsletter{
148 - padding: 100px 0px;
149 -}
150 -.newsletter h4,.newsletter p{
151 - margin: 0px;
152 -}
153 -.newsletter p{
154 - padding: 30px 0px;
155 -}
156 -.news-input{
157 - border: 3px solid #000;
158 - height: 45px;
159 - border-right: 0px;
160 - color: #000;
161 -}
162 -.news-input:focus{
163 - background:url("../images/pattern.png");
164 - border: 3px solid #000;
165 - border-right: 0px;
166 - outline: none;
167 - box-shadow: none;
168 - color: #fff;
169 -}
170 -.news-btn{
171 - height: 45px;
172 - border: 3px solid #000;
173 - font-weight: 700;
174 - border-left: 4px solid #000;
175 -}
176 -.news-btn:hover{
177 - border-left: 3px solid #000;
178 -}
179 -.news-text{
180 - font-size: 16px;
181 - padding: 20px;
182 - color: #333;
183 -}
184 -.newsletter .validation {
185 - border: 3px solid #ff0000;
186 -}
187 -/* -----------------------------------------------------------------------
188 4. Features styles 145 4. Features styles
189 ------------------------------------------------------------------------- */ 146 ------------------------------------------------------------------------- */
190 .features{ 147 .features{
......

56.2 KB | W: | H:

658 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
...@@ -34,52 +34,85 @@ ...@@ -34,52 +34,85 @@
34 <div class="row"> 34 <div class="row">
35 <div class="logo"> 35 <div class="logo">
36 <img src="images/logo.png" alt="logo"> 36 <img src="images/logo.png" alt="logo">
37 - <p>Lorem Ipsum is simply dummy text</p> 37 + <p>오 늘 의 학 교 는</p>
38 </div> 38 </div>
39 </div> 39 </div>
40 <div class="row"> 40 <div class="row">
41 - <!-- DAYS -->
42 <div class="col-md-3 col-sm-3 col-xs-6 dash-glob" data-scroll-reveal="enter bottom move 25px, after 0.3s"> 41 <div class="col-md-3 col-sm-3 col-xs-6 dash-glob" data-scroll-reveal="enter bottom move 25px, after 0.3s">
43 <div class="dash days_dash"> 42 <div class="dash days_dash">
44 <div class="digit">0</div> 43 <div class="digit">0</div>
45 <div class="digit">0</div> 44 <div class="digit">0</div>
46 - <span class="dash_title">Days</span> 45 + <span class="dash_title">새 글</span>
47 </div> 46 </div>
48 </div> 47 </div>
49 - <!-- HOURS -->
50 <div class="col-md-3 col-sm-3 col-xs-6 dash-glob" data-scroll-reveal="enter bottom move 25px, after 0.3s"> 48 <div class="col-md-3 col-sm-3 col-xs-6 dash-glob" data-scroll-reveal="enter bottom move 25px, after 0.3s">
51 <div class="dash hours_dash"> 49 <div class="dash hours_dash">
52 <div class="digit">0</div> 50 <div class="digit">0</div>
53 <div class="digit">0</div> 51 <div class="digit">0</div>
54 - <span class="dash_title">Hours</span> 52 + <span class="dash_title">긍정</span>
55 </div> 53 </div>
56 </div> 54 </div>
57 - <!-- MINUTES -->
58 <div class="col-md-3 col-sm-3 col-xs-6 dash-glob" data-scroll-reveal="enter bottom move 25px, after 0.3s"> 55 <div class="col-md-3 col-sm-3 col-xs-6 dash-glob" data-scroll-reveal="enter bottom move 25px, after 0.3s">
59 <div class="dash minutes_dash"> 56 <div class="dash minutes_dash">
60 <div class="digit">0</div> 57 <div class="digit">0</div>
61 <div class="digit">0</div> 58 <div class="digit">0</div>
62 - <span class="dash_title">Minutes</span> 59 + <span class="dash_title">부정</span>
63 </div> 60 </div>
64 </div> 61 </div>
65 - <!-- SECONDS -->
66 <div class="col-md-3 col-sm-3 col-xs-6 dash-glob" data-scroll-reveal="enter bottom move 25px, after 0.3s"> 62 <div class="col-md-3 col-sm-3 col-xs-6 dash-glob" data-scroll-reveal="enter bottom move 25px, after 0.3s">
67 <div class="dash seconds_dash"> 63 <div class="dash seconds_dash">
68 <div class="digit">0</div> 64 <div class="digit">0</div>
69 <div class="digit">0</div> 65 <div class="digit">0</div>
70 - <span class="dash_title">Seconds</span> 66 + <span class="dash_title">{eat}까지</span>
71 </div> 67 </div>
72 </div> 68 </div>
73 </div> <!-- END ROW --> 69 </div> <!-- END ROW -->
74 </div> <!-- END COUNTDOWN --> 70 </div> <!-- END COUNTDOWN -->
75 </div> <!-- LARGE HEADER --> 71 </div> <!-- LARGE HEADER -->
76 </div> <!-- END CONTENT --> 72 </div> <!-- END CONTENT -->
73 + </section>
74 + <section id="contact" class="contact">
75 + <div class="container">
76 + <div class="row">
77 + <div class="col-lg-12 col-md-12">
78 + <h4>Get In Touch</h4>
79 + <div class="line-separate line-white text-center"><span></span></div>
80 + <p>7-Indus House, Area name,city name -1230009</p>
81 + </div> <!-- end Our Location -->
82 + </div> <!-- end row -->
83 + <!-- CONTACT FORM -->
84 + <div id="cformSuccessMsg" style="display: none;" class="confirm-message"></div>
85 + <form id="" name="contactForm" method="POST" >
86 + <div class="row">
87 + <div class="col-lg-4 col-md-4 col-lg-offset-2 col-md-offset-2">
88 + <input class="" type="text" name="contact_name" id="contact_name" placeholder="Name" />
89 + </div> <!-- end Name -->
90 + <div class="col-lg-4 col-md-4">
91 + <input class="" type="text" name="contact_email" id="contact_email" placeholder="Email" />
92 + </div> <!-- end Email -->
93 + </div>
94 + <div class="row">
95 + <div class="col-lg-8 col-md-8 col-lg-offet-2 col-md-offset-2">
96 + <textarea name="contact_message" id="contact_message" placeholder="Message"></textarea>
97 + </div>
98 + </div> <!-- end Message -->
99 + <div class="row">
100 + <div class="col-md-8 col-md-offset-2">
101 + <div class="text-right">
102 + <button class="btn btn-custom" id="contact_submit_btn" name="contact_submit_btn"><span>Send Message</span></button>
103 + </div>
104 + </div>
105 + </div> <!-- end button -->
106 + </form><!-- END FORM -->
107 + </div> <!-- end container -->
108 + </section> <!-- end Contact -->
109 + <footer class="footer">
77 <div class="container text-center"> 110 <div class="container text-center">
78 <div class="row"> 111 <div class="row">
79 <p class="copyright">Copyright© 2016 <a href="http://templatestock.co">Template Stock</p> 112 <p class="copyright">Copyright© 2016 <a href="http://templatestock.co">Template Stock</p>
80 </div> 113 </div>
81 </div> 114 </div>
82 - </section> 115 + </footer>
83 116
84 <!-- JAVASCRIPTS --> 117 <!-- JAVASCRIPTS -->
85 <script src="js/jquery.min.js"></script> 118 <script src="js/jquery.min.js"></script>
......