roakfwk30 / 2021_단기집중교육_HTML.CSS star
안효원 안효원 2021-08-05
updateRecentFile
@3fe3fe96556d3ae93f5f088a5441b5fee8c466a7
 
3fe3fe9
.idea/.gitignore (added)
+++ .idea/.gitignore
@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
 
3fe3fe9
.idea/2021Dangi.iml (added)
+++ .idea/2021Dangi.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>(No newline at end of file)
 
3fe3fe9
.idea/modules.xml (added)
+++ .idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/2021Dangi.iml" filepath="$PROJECT_DIR$/.idea/2021Dangi.iml" />
+    </modules>
+  </component>
+</project>(No newline at end of file)
 
3fe3fe9
.idea/vcs.xml (added)
+++ .idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>(No newline at end of file)
c8dbcb9
3fe3fe9
20210805/6.html
--- 20210805/6.html
+++ 20210805/6.html
@@ -9,23 +9,23 @@
 
         #page {width: 1915px; margin: 0 auto;}
 
         #list {background-color:rgb(034, 034, 034); height: 50px; display: flex; align-items: center;}
 
         li {list-style: none; display: inline; margin-right: 10px; margin-right: 40px; position: relative; left: 150px;}
 
-        a {text-decoration: none; color: white; font-size: 25px;}
 
+        a {text-decoration: none; color: azure; font-size: 25px;}
 
         a:hover {color: white;}
 
         #second {background-color: rgb(154, 205, 050); height: 300px; display: flex; align-items: center;}
 
         #secondText {color: rgb(173, 255, 047); font-weight: bolder; font-size: 40px; position: relative; left: 150px;}
 
         #drama {vertical-align: bottom;}
 
         #secondText2 {color: rgb(173, 255, 047); font-weight: bolder; font-size: 20px; position: relative; right: 285px; margin-top: 110px;}
 
-        #btn {width: 106px; height: 34px; margin-top: 200px; position: relative; right: 1010px;}
 
+        #btn {width: 106px; height: 34px; margin-top: 200px; position: relative; right: 1010px; border-style: none; border-radius: 5px; font-weight: bold;}
 
         #drop {background-color: rgb(034, 034, 034);}
 
         #thirdText {font-size: 30px; position: relative; left: 160px; top: 40px;}
 
         #thirdText2 {font-size: 20px; color: grey; position: relative; left: 160px; top: 40px;}
 
         #hr {position: relative; top: 40px; width: 1500px; right: 45px;}
 
-        #thirdText3 {font-size: 20px; color: grey; position: relative; left: 160px; top: 40px;}
 
-        #imageSector {position: relative; top: 50px; width: 1500px; left: 160px; background-color: grey; height: 350px;}
 
-        .three {float: left;background-color: antiquewhite; width: 450px; height: 300px; position: relative; top: 25px; display: flex; align-items: center; justify-content: center;}
 
-        #this {margin-right: 50px; margin-left: 25px;}
 
-        #this2 {margin-right: 50px;}
 
-        .chill {color: grey; font-size: 60px;}
 
+        #thirdText3 {font-size: 15px; color: grey; position: relative; left: 160px; top: 40px;}
 
+        #imageSector {position: relative; top: 50px; width: 1500px; left: 160px; height: 350px;}
 
+        .three {float: left;background-color: rgb(238, 238, 238); width: 450px; height: 300px; position: relative; top: 25px; display: flex; align-items: center; justify-content: center;}
 
+        #this {margin-right: 75px;}
 
+        #this2 {margin-right: 75px;}
 
+        .chill {color: rgb(170, 170, 170); font-size: 60px;}
 
         .four1 {position: relative; top: 80px; left: 160px; float: left;}
 
         .anker {font-size: 40px; color: blueviolet;}
 
         .anker:hover {color: blueviolet;}
@@ -40,15 +40,20 @@
 
         .fiver {width: 450px; height: 300px; float: left; position: relative; left: 150px;}
 
         #fiver_one {margin-right: 80px;}
 
         #fiver_two {margin-right: 70px;}
 
-        .btn_last {width: 150px; height: 30px;}
 
+        .btn_last {width: 150px; height: 30px; border-radius: 5px; border-style: none; position: absolute; top: 190px;}
 
         .lastAnker { color: cornflowerblue; font-size: 20px;}
 
         .lastAnker:hover {color: cornflowerblue;}
 
-        #nice1 {border-right: 1px solid grey;}
 
-        #nice2 {border-right: 1px solid grey;}
 
+        #nice1 {border-right: 1px solid rgb(170, 170, 170);}
 
+        #nice2 {border-right: 1px solid rgb(170, 170, 170);}
 
         #lastAnkerSector {position: relative; left: 150px;}
 
         #realLast {color: grey; margin-left: 150px;}
 
-        #footer {position: relative; bottom: 100px;}
 
-        #like {float: right;}
 
+        #footer {position: relative; bottom: 130px;}
 
+        #like {position: relative; left: 800px;}
 
+        #btn_search {border-radius: 5px; height: 37px; border-style: none; width: 70px; font-weight: bolder}
 
+        #searchText {height: 37px; border-radius: 5px; border-style: none;}
 
+        #lastSpan {position: relative; bottom: 5px;}
 
+        #check3 {position: relative; bottom: 5px;}
 
+        #check1 {position: relative; bottom: 3px;}
 
     </style>
 
 </head>
 
 <body>
@@ -63,7 +68,7 @@
 
                     <option id="drop" value="">Service</option>
 
                 </select>
 
             </li>
 
-            <li id="like"><input type="text"><button>Search</button></li>
 
+            <li id="like"><input id="searchText" type="text">&nbsp;&nbsp;&nbsp;&nbsp;<button id="btn_search">Search</button></li>
 
         </div>
 
         <div id="second">
 
             <span id="secondText"><img id="drama" src="/image/1.PNG" alt="">Dramatically Engaga</span>
@@ -73,7 +78,7 @@
 
         <div id="third">
 
             <span id="thirdText">Superior Collaboration </span><span id="thirdText2">Visualize Quality</span>
 
             <hr id="hr">
 
-            <span id="thirdText3">Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holi<br>stically pontificate installed base portals after maintainable products.</span>
 
+            <span id="thirdText3">Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base<br>portals after maintainable products.</span>
 
             <div id="imageSector">
 
                 <div id="this" class="three"><span class="chill">700X300</span></div>
 
                 <div id="this2" class="three"><span class="chill">700X300</span></div>
@@ -121,7 +126,7 @@
 
                     </div>
 
                     <div class="fiver" id="fiver_two">
 
                         <p>
 
-                            <img src="/image/goolem.PNG" alt=""><span id="check1">Dynamically Procrastinate</span>
 
+                            <img src="/image/goolem.PNG" alt=""><span id="check2">Dynamically Procrastinate</span>
 
                         </p>
 
                         <span>
 
                             Dramatically maintain clicks-and-mortar solutions without functional solutions. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas.
@@ -130,9 +135,9 @@
 
                     </div>
 
                     <div class="fiver">
 
                         <p>
 
-                            <img src="/image/leef.PNG" alt=""><span id="check1">Dynamically Procrastinate</span>
 
+                            <img src="/image/leef.PNG" alt=""><span id="check3">Dynamically Procrastinate</span>
 
                         </p>
 
-                        <span>
 
+                        <span id="lastSpan">
 
                             Professionally cultivate one-to-one customer service with robust ideas. Completely synergize resource taxing relationships via premier niche markets. Dynamically innovate resource-leveling customer service for state of the art customer service.
 
                         </span><br>
 
                         <button class="btn_last">Synergize</button>
@@ -140,7 +145,7 @@
 
                 </div>
 
             </div>
 
             <div id="footer">
 
-                <span id="lastAnkerSector"><a id="nice1" class="lastAnker" href="#"> Terms & Condition</a><a id="nice2" class="lastAnker" href="#"> Privacy Policy </a><a class="lastAnker" href="#"> Contact</a></span>
 
+                <span id="lastAnkerSector"><a id="nice1" class="lastAnker" href="#"> Terms & Condition </a><a id="nice2" class="lastAnker" href="#"> &nbsp;Privacy Policy </a><a class="lastAnker" href="#"> &nbsp;Contact</a></span>
 
                 <p id="realLast">Copyright © Example.com 2015</p>
 
             </div>
 
         </div>
Add a comment
List