commit
575c544659
@ -0,0 +1,8 @@
|
|||||||
|
# Default ignored files
|
||||||
|
/shelf/
|
||||||
|
/workspace.xml
|
||||||
|
# Editor-based HTTP Client requests
|
||||||
|
/httpRequests/
|
||||||
|
# Datasource local storage ignored files
|
||||||
|
/dataSources/
|
||||||
|
/dataSources.local.xml
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
<component name="ArtifactManager">
|
||||||
|
<artifact type="war" name="TeamWebProject">
|
||||||
|
<output-path>$PROJECT_DIR$/out/artifacts/TeamWebProject</output-path>
|
||||||
|
<root id="archive" name="TeamWebProject.war">
|
||||||
|
<element id="artifact" artifact-name="TeamWebProject exploded" />
|
||||||
|
</root>
|
||||||
|
</artifact>
|
||||||
|
</component>
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
<component name="ArtifactManager">
|
||||||
|
<artifact type="exploded-war" name="TeamWebProject exploded">
|
||||||
|
<output-path>$PROJECT_DIR$/out/artifacts/TeamWebProject_exploded</output-path>
|
||||||
|
<root id="root">
|
||||||
|
<element id="javaee-facet-resources" facet="TeamWebProject/web/Web" />
|
||||||
|
<element id="directory" name="WEB-INF">
|
||||||
|
<element id="directory" name="classes">
|
||||||
|
<element id="module-output" name="TeamWebProject" />
|
||||||
|
</element>
|
||||||
|
<element id="directory" name="lib">
|
||||||
|
<element id="library" level="module" name="JUnit5.8.1" module-name="TeamWebProject" />
|
||||||
|
<element id="library" level="project" name="gson-2.9.0" />
|
||||||
|
</element>
|
||||||
|
</element>
|
||||||
|
</root>
|
||||||
|
</artifact>
|
||||||
|
</component>
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
<component name="libraryTable">
|
||||||
|
<library name="gson-2.9.0">
|
||||||
|
<CLASSES>
|
||||||
|
<root url="jar://$PROJECT_DIR$/web/WEB-INF/lib/gson-2.9.0.jar!/" />
|
||||||
|
</CLASSES>
|
||||||
|
<JAVADOC />
|
||||||
|
<SOURCES />
|
||||||
|
</library>
|
||||||
|
</component>
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
<component name="libraryTable">
|
||||||
|
<library name="servlet-api">
|
||||||
|
<CLASSES>
|
||||||
|
<root url="jar://$PROJECT_DIR$/web/WEB-INF/lib/servlet-api.jar!/" />
|
||||||
|
</CLASSES>
|
||||||
|
<JAVADOC />
|
||||||
|
<SOURCES />
|
||||||
|
</library>
|
||||||
|
</component>
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ProjectRootManager" version="2" languageLevel="JDK_1_8" default="true" project-jdk-name="1.8" project-jdk-type="JavaSDK">
|
||||||
|
<output url="file://$PROJECT_DIR$/out" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ProjectModuleManager">
|
||||||
|
<modules>
|
||||||
|
<module fileurl="file://$PROJECT_DIR$/TeamWebProject.iml" filepath="$PROJECT_DIR$/TeamWebProject.iml" />
|
||||||
|
</modules>
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
@ -0,0 +1,124 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="Palette2">
|
||||||
|
<group name="Swing">
|
||||||
|
<item class="com.intellij.uiDesigner.HSpacer" tooltip-text="Horizontal Spacer" icon="/com/intellij/uiDesigner/icons/hspacer.svg" removable="false" auto-create-binding="false" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="1" hsize-policy="6" anchor="0" fill="1" />
|
||||||
|
</item>
|
||||||
|
<item class="com.intellij.uiDesigner.VSpacer" tooltip-text="Vertical Spacer" icon="/com/intellij/uiDesigner/icons/vspacer.svg" removable="false" auto-create-binding="false" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="6" hsize-policy="1" anchor="0" fill="2" />
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JPanel" icon="/com/intellij/uiDesigner/icons/panel.svg" removable="false" auto-create-binding="false" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="3" hsize-policy="3" anchor="0" fill="3" />
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JScrollPane" icon="/com/intellij/uiDesigner/icons/scrollPane.svg" removable="false" auto-create-binding="false" can-attach-label="true">
|
||||||
|
<default-constraints vsize-policy="7" hsize-policy="7" anchor="0" fill="3" />
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JButton" icon="/com/intellij/uiDesigner/icons/button.svg" removable="false" auto-create-binding="true" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="0" hsize-policy="3" anchor="0" fill="1" />
|
||||||
|
<initial-values>
|
||||||
|
<property name="text" value="Button" />
|
||||||
|
</initial-values>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JRadioButton" icon="/com/intellij/uiDesigner/icons/radioButton.svg" removable="false" auto-create-binding="true" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="0" hsize-policy="3" anchor="8" fill="0" />
|
||||||
|
<initial-values>
|
||||||
|
<property name="text" value="RadioButton" />
|
||||||
|
</initial-values>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JCheckBox" icon="/com/intellij/uiDesigner/icons/checkBox.svg" removable="false" auto-create-binding="true" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="0" hsize-policy="3" anchor="8" fill="0" />
|
||||||
|
<initial-values>
|
||||||
|
<property name="text" value="CheckBox" />
|
||||||
|
</initial-values>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JLabel" icon="/com/intellij/uiDesigner/icons/label.svg" removable="false" auto-create-binding="false" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="0" hsize-policy="0" anchor="8" fill="0" />
|
||||||
|
<initial-values>
|
||||||
|
<property name="text" value="Label" />
|
||||||
|
</initial-values>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JTextField" icon="/com/intellij/uiDesigner/icons/textField.svg" removable="false" auto-create-binding="true" can-attach-label="true">
|
||||||
|
<default-constraints vsize-policy="0" hsize-policy="6" anchor="8" fill="1">
|
||||||
|
<preferred-size width="150" height="-1" />
|
||||||
|
</default-constraints>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JPasswordField" icon="/com/intellij/uiDesigner/icons/passwordField.svg" removable="false" auto-create-binding="true" can-attach-label="true">
|
||||||
|
<default-constraints vsize-policy="0" hsize-policy="6" anchor="8" fill="1">
|
||||||
|
<preferred-size width="150" height="-1" />
|
||||||
|
</default-constraints>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JFormattedTextField" icon="/com/intellij/uiDesigner/icons/formattedTextField.svg" removable="false" auto-create-binding="true" can-attach-label="true">
|
||||||
|
<default-constraints vsize-policy="0" hsize-policy="6" anchor="8" fill="1">
|
||||||
|
<preferred-size width="150" height="-1" />
|
||||||
|
</default-constraints>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JTextArea" icon="/com/intellij/uiDesigner/icons/textArea.svg" removable="false" auto-create-binding="true" can-attach-label="true">
|
||||||
|
<default-constraints vsize-policy="6" hsize-policy="6" anchor="0" fill="3">
|
||||||
|
<preferred-size width="150" height="50" />
|
||||||
|
</default-constraints>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JTextPane" icon="/com/intellij/uiDesigner/icons/textPane.svg" removable="false" auto-create-binding="true" can-attach-label="true">
|
||||||
|
<default-constraints vsize-policy="6" hsize-policy="6" anchor="0" fill="3">
|
||||||
|
<preferred-size width="150" height="50" />
|
||||||
|
</default-constraints>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JEditorPane" icon="/com/intellij/uiDesigner/icons/editorPane.svg" removable="false" auto-create-binding="true" can-attach-label="true">
|
||||||
|
<default-constraints vsize-policy="6" hsize-policy="6" anchor="0" fill="3">
|
||||||
|
<preferred-size width="150" height="50" />
|
||||||
|
</default-constraints>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JComboBox" icon="/com/intellij/uiDesigner/icons/comboBox.svg" removable="false" auto-create-binding="true" can-attach-label="true">
|
||||||
|
<default-constraints vsize-policy="0" hsize-policy="2" anchor="8" fill="1" />
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JTable" icon="/com/intellij/uiDesigner/icons/table.svg" removable="false" auto-create-binding="true" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="6" hsize-policy="6" anchor="0" fill="3">
|
||||||
|
<preferred-size width="150" height="50" />
|
||||||
|
</default-constraints>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JList" icon="/com/intellij/uiDesigner/icons/list.svg" removable="false" auto-create-binding="true" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="6" hsize-policy="2" anchor="0" fill="3">
|
||||||
|
<preferred-size width="150" height="50" />
|
||||||
|
</default-constraints>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JTree" icon="/com/intellij/uiDesigner/icons/tree.svg" removable="false" auto-create-binding="true" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="6" hsize-policy="6" anchor="0" fill="3">
|
||||||
|
<preferred-size width="150" height="50" />
|
||||||
|
</default-constraints>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JTabbedPane" icon="/com/intellij/uiDesigner/icons/tabbedPane.svg" removable="false" auto-create-binding="true" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="3" hsize-policy="3" anchor="0" fill="3">
|
||||||
|
<preferred-size width="200" height="200" />
|
||||||
|
</default-constraints>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JSplitPane" icon="/com/intellij/uiDesigner/icons/splitPane.svg" removable="false" auto-create-binding="false" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="3" hsize-policy="3" anchor="0" fill="3">
|
||||||
|
<preferred-size width="200" height="200" />
|
||||||
|
</default-constraints>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JSpinner" icon="/com/intellij/uiDesigner/icons/spinner.svg" removable="false" auto-create-binding="true" can-attach-label="true">
|
||||||
|
<default-constraints vsize-policy="0" hsize-policy="6" anchor="8" fill="1" />
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JSlider" icon="/com/intellij/uiDesigner/icons/slider.svg" removable="false" auto-create-binding="true" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="0" hsize-policy="6" anchor="8" fill="1" />
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JSeparator" icon="/com/intellij/uiDesigner/icons/separator.svg" removable="false" auto-create-binding="false" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="6" hsize-policy="6" anchor="0" fill="3" />
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JProgressBar" icon="/com/intellij/uiDesigner/icons/progressbar.svg" removable="false" auto-create-binding="true" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="0" hsize-policy="6" anchor="0" fill="1" />
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JToolBar" icon="/com/intellij/uiDesigner/icons/toolbar.svg" removable="false" auto-create-binding="false" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="0" hsize-policy="6" anchor="0" fill="1">
|
||||||
|
<preferred-size width="-1" height="20" />
|
||||||
|
</default-constraints>
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JToolBar$Separator" icon="/com/intellij/uiDesigner/icons/toolbarSeparator.svg" removable="false" auto-create-binding="false" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="0" hsize-policy="0" anchor="0" fill="1" />
|
||||||
|
</item>
|
||||||
|
<item class="javax.swing.JScrollBar" icon="/com/intellij/uiDesigner/icons/scrollbar.svg" removable="false" auto-create-binding="true" can-attach-label="false">
|
||||||
|
<default-constraints vsize-policy="6" hsize-policy="0" anchor="0" fill="2" />
|
||||||
|
</item>
|
||||||
|
</group>
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
@ -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>
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="WebContextManager">
|
||||||
|
<option name="state">
|
||||||
|
<map>
|
||||||
|
<entry key="file://$PROJECT_DIR$/web/css" value="file://$PROJECT_DIR$/web" />
|
||||||
|
<entry key="file://$PROJECT_DIR$/web/css/style.css" value="file://$PROJECT_DIR$/web" />
|
||||||
|
<entry key="file://$PROJECT_DIR$/web/messageBoard.html" value="file://$PROJECT_DIR$/web" />
|
||||||
|
</map>
|
||||||
|
</option>
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
@ -0,0 +1,41 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<module type="JAVA_MODULE" version="4">
|
||||||
|
<component name="FacetManager">
|
||||||
|
<facet type="web" name="Web">
|
||||||
|
<configuration>
|
||||||
|
<descriptors>
|
||||||
|
<deploymentDescriptor name="web.xml" url="file://$MODULE_DIR$/web/WEB-INF/web.xml" />
|
||||||
|
</descriptors>
|
||||||
|
<webroots>
|
||||||
|
<root url="file://$MODULE_DIR$/web" relative="/" />
|
||||||
|
</webroots>
|
||||||
|
</configuration>
|
||||||
|
</facet>
|
||||||
|
</component>
|
||||||
|
<component name="NewModuleRootManager" inherit-compiler-output="true">
|
||||||
|
<exclude-output />
|
||||||
|
<content url="file://$MODULE_DIR$">
|
||||||
|
<sourceFolder url="file://$MODULE_DIR$/src" isTestSource="false" />
|
||||||
|
</content>
|
||||||
|
<orderEntry type="inheritedJdk" />
|
||||||
|
<orderEntry type="sourceFolder" forTests="false" />
|
||||||
|
<orderEntry type="library" name="servlet-api" level="project" />
|
||||||
|
<orderEntry type="library" name="gson-2.9.0" level="project" />
|
||||||
|
<orderEntry type="module-library">
|
||||||
|
<library name="JUnit5.8.1">
|
||||||
|
<CLASSES>
|
||||||
|
<root url="jar://$MAVEN_REPOSITORY$/org/junit/jupiter/junit-jupiter/5.8.1/junit-jupiter-5.8.1.jar!/" />
|
||||||
|
<root url="jar://$MAVEN_REPOSITORY$/org/junit/jupiter/junit-jupiter-api/5.8.1/junit-jupiter-api-5.8.1.jar!/" />
|
||||||
|
<root url="jar://$MAVEN_REPOSITORY$/org/opentest4j/opentest4j/1.2.0/opentest4j-1.2.0.jar!/" />
|
||||||
|
<root url="jar://$MAVEN_REPOSITORY$/org/junit/platform/junit-platform-commons/1.8.1/junit-platform-commons-1.8.1.jar!/" />
|
||||||
|
<root url="jar://$MAVEN_REPOSITORY$/org/apiguardian/apiguardian-api/1.1.2/apiguardian-api-1.1.2.jar!/" />
|
||||||
|
<root url="jar://$MAVEN_REPOSITORY$/org/junit/jupiter/junit-jupiter-params/5.8.1/junit-jupiter-params-5.8.1.jar!/" />
|
||||||
|
<root url="jar://$MAVEN_REPOSITORY$/org/junit/jupiter/junit-jupiter-engine/5.8.1/junit-jupiter-engine-5.8.1.jar!/" />
|
||||||
|
<root url="jar://$MAVEN_REPOSITORY$/org/junit/platform/junit-platform-engine/1.8.1/junit-platform-engine-1.8.1.jar!/" />
|
||||||
|
</CLASSES>
|
||||||
|
<JAVADOC />
|
||||||
|
<SOURCES />
|
||||||
|
</library>
|
||||||
|
</orderEntry>
|
||||||
|
</component>
|
||||||
|
</module>
|
||||||
@ -0,0 +1,85 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>时间轴</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="messageShow">
|
||||||
|
<div class="box">
|
||||||
|
<div class="left">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="center">
|
||||||
|
<span>
|
||||||
|
2018
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
千万不要放纵自己，给自己找借口。对自己严格一点儿，时间长了，自律便成为一种习惯，一种生活方式，你的人格和智慧也因此变得更加完美。
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<div class="left">
|
||||||
|
人生就那么短，不要为了变成别人喜欢的样子，委屈了自己。该开心时开心，想发泄就发泄。过好自己生活的第一件事，就是为自己而活。
|
||||||
|
</div>
|
||||||
|
<div class="center">
|
||||||
|
<span>
|
||||||
|
2019
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<div class="left">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="center">
|
||||||
|
<span>
|
||||||
|
2020
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
如果我们质疑一个人扯谎，我们就应该伪装信任他，由于他会变得愈来愈神勇而有自信，并更斗胆地扯谎，最后会自己揭开自己的面具。
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<div class="left">
|
||||||
|
如果我们质疑一个人扯谎，我们就应该伪装信任他，由于他会变得愈来愈神勇而有自信，并更斗胆地扯谎，最后会自己揭开自己的面具。
|
||||||
|
</div>
|
||||||
|
<div class="center">
|
||||||
|
<span>
|
||||||
|
2021
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<div class="left">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="center">
|
||||||
|
<span>
|
||||||
|
2022
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
没有谁天生是属于谁的，任何人来到你身边愿意为你停下脚步，都是一件值得珍惜的事。这世上什么东西都有个保质期，没有比心存感激更好的保质方法，爱是用心，不是敷衍。
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
@ -0,0 +1,745 @@
|
|||||||
|
/*--
|
||||||
|
Author: W3layouts
|
||||||
|
Author URL: http://w3layouts.com
|
||||||
|
License: Creative Commons Attribution 3.0 Unported
|
||||||
|
License URL: http://creativecommons.org/licenses/by/3.0/
|
||||||
|
--*/
|
||||||
|
/*--reset--*/
|
||||||
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
|
||||||
|
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
|
||||||
|
ol,ul{list-style:none;margin:0px;padding:0px;}
|
||||||
|
blockquote,q{quotes:none;}
|
||||||
|
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
|
||||||
|
table{border-collapse:collapse;border-spacing:0;}
|
||||||
|
/*--start editing from here--*/
|
||||||
|
a{text-decoration:none;}
|
||||||
|
.txt-rt{text-align:right;}/* text align right */
|
||||||
|
.txt-lt{text-align:left;}/* text align left */
|
||||||
|
.txt-center{text-align:center;}/* text align center */
|
||||||
|
.float-rt{float:right;}/* float right */
|
||||||
|
.float-lt{float:left;}/* float left */
|
||||||
|
.clear{clear:both;}/* clear float */
|
||||||
|
.pos-relative{position:relative;}/* Position Relative */
|
||||||
|
.pos-absolute{position:absolute;}/* Position Absolute */
|
||||||
|
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
|
||||||
|
.vertical-top{ vertical-align:top;}/* vertical align top */
|
||||||
|
nav.vertical ul li{ display:block;}/* vertical menu */
|
||||||
|
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
|
||||||
|
img{max-width:100%;}
|
||||||
|
/*--end reset--*/
|
||||||
|
body {
|
||||||
|
margin:0;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
}
|
||||||
|
h1,h2,h3,h4,h5,h6,input,p,a,select,button,textarea,label{
|
||||||
|
font-family: 'Josefin Sans', sans-serif;
|
||||||
|
margin:0;
|
||||||
|
font-weight:400;
|
||||||
|
}
|
||||||
|
.clear{clear:both;}
|
||||||
|
body a{
|
||||||
|
transition:0.5s all;
|
||||||
|
-webkit-transition:0.5s all;
|
||||||
|
-moz-transition:0.5s all;
|
||||||
|
-o-transition:0.5s all;
|
||||||
|
-ms-transition:0.5s all;
|
||||||
|
text-decoration: none;}
|
||||||
|
|
||||||
|
input[type="button"],input[type="submit"]{
|
||||||
|
transition:0.5s all;
|
||||||
|
-webkit-transition:0.5s all;
|
||||||
|
-moz-transition:0.5s all;
|
||||||
|
-o-transition:0.5s all;
|
||||||
|
-ms-transition:0.5s all;
|
||||||
|
}
|
||||||
|
h1,h2,h3,h4,h5,h6{
|
||||||
|
margin:0;
|
||||||
|
transition:0.5s all;
|
||||||
|
-webkit-transition:0.5s all;
|
||||||
|
-moz-transition:0.5s all;
|
||||||
|
-o-transition:0.5s all;
|
||||||
|
-ms-transition:0.5s all;
|
||||||
|
}
|
||||||
|
p{
|
||||||
|
margin:0;
|
||||||
|
|
||||||
|
}
|
||||||
|
ul{
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
.text-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.agileits_w3layouts {
|
||||||
|
background:url(../images/banner.jpg)no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
background-attachment: fixed;
|
||||||
|
}
|
||||||
|
.wrap {
|
||||||
|
padding: 2.3em;
|
||||||
|
width: 37%;
|
||||||
|
margin: 2em auto;
|
||||||
|
background: rgba(16, 16, 16, 0.72);
|
||||||
|
}
|
||||||
|
h1.agile_head {
|
||||||
|
padding-top: 1em;
|
||||||
|
font-size: 2.8em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 600;
|
||||||
|
font-family: 'Josefin Sans', sans-serif;
|
||||||
|
letter-spacing: 6px;
|
||||||
|
line-height:1.5;
|
||||||
|
}
|
||||||
|
/* feedback-form*/
|
||||||
|
.w3layouts_main h2 {
|
||||||
|
font-size: 2em;
|
||||||
|
color: #1ec8e9;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1.5;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.agile_form h2 {
|
||||||
|
font-size: 0.9em;
|
||||||
|
color:#1ec8e9;
|
||||||
|
margin: 1em 0;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
form.agile_form {
|
||||||
|
padding: 1em 0;
|
||||||
|
}
|
||||||
|
.w3layouts_main.wrap p ,.w3layouts_main.wrap h6{
|
||||||
|
color: #fff;
|
||||||
|
margin: 0 0 1.5em 0;
|
||||||
|
font-size: 1.2em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.w3layouts_main.wrap h6{
|
||||||
|
text-align:left;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text]{
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text]{
|
||||||
|
padding:0.9em 1em;
|
||||||
|
color: #fff;
|
||||||
|
width: 88%;
|
||||||
|
font-size:1em;
|
||||||
|
outline: none;
|
||||||
|
border: 1px solid #848484;
|
||||||
|
background: rgba(88, 88, 88, 0.08);
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"] {
|
||||||
|
width: 94%;
|
||||||
|
padding: 0.9em 1em;
|
||||||
|
margin: 0em 0em 1em 0;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 1em;
|
||||||
|
outline: none;
|
||||||
|
border: 1px solid #848484;
|
||||||
|
background: rgba(88, 88, 88, 0.08);
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
font-size: 0.85em;
|
||||||
|
color: #fff;
|
||||||
|
padding: 0.8em 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
width: 94.5%;
|
||||||
|
outline: none;
|
||||||
|
resize: none;
|
||||||
|
height: 7em;
|
||||||
|
border: 1px solid #848484;
|
||||||
|
background: rgba(88, 88, 88, 0.08);
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
width: 43%;
|
||||||
|
list-style-type: none;
|
||||||
|
float: left;
|
||||||
|
margin:1em 1.6em;
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
.agile_form ul li {
|
||||||
|
color: #f5e7cc;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.agile_form ul li input[type=radio]{
|
||||||
|
position: absolute;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.agile_form ul li label {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
font-size: 1.1em;
|
||||||
|
padding: 0.5em 0em 0.5em 1em;
|
||||||
|
margin: 3em 0 0 0.8em;
|
||||||
|
z-index: 9;
|
||||||
|
cursor: pointer;
|
||||||
|
text-transform: capitalize;
|
||||||
|
-webkit-transition: all 0.25s linear;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left {
|
||||||
|
display: inline;
|
||||||
|
float: left;
|
||||||
|
width: 24%;
|
||||||
|
font-size:1.1em;
|
||||||
|
letter-spacing:1px;
|
||||||
|
text-align:center;
|
||||||
|
background:#1ec8e9;
|
||||||
|
padding: 0.5em 0em;
|
||||||
|
margin-top: 3em;
|
||||||
|
position:relative;
|
||||||
|
border-radius:5px;
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left:before {
|
||||||
|
position: absolute;
|
||||||
|
top: 12px;
|
||||||
|
right: -17px;
|
||||||
|
background: transparent;
|
||||||
|
content: "";
|
||||||
|
border-left: 10px solid transparent;
|
||||||
|
border-right: 10px solid transparent;
|
||||||
|
border-bottom: 14px solid#1ec8e9;
|
||||||
|
transform: rotate(90deg);
|
||||||
|
-webkit-transform: rotate(90deg);
|
||||||
|
-moz-transform: rotate(90deg);
|
||||||
|
-o-transform: rotate(90deg);
|
||||||
|
-ms-transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-right {
|
||||||
|
float: left;
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
background: #1ec8e9;
|
||||||
|
padding: 0.5em 0em;
|
||||||
|
width: 24%;
|
||||||
|
font-size: 1.1em;
|
||||||
|
color: #fff;
|
||||||
|
margin-top: 3em;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
h4.w3ls-right:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 12px;
|
||||||
|
left: -17px;
|
||||||
|
background: transparent;
|
||||||
|
content: "";
|
||||||
|
border-left: 10px solid transparent;
|
||||||
|
border-right: 10px solid transparent;
|
||||||
|
border-bottom: 14px solid #1ec8e9;
|
||||||
|
transform: rotate(270deg);
|
||||||
|
-webkit-transform: rotate(270deg);
|
||||||
|
-moz-transform: rotate(270deg);
|
||||||
|
-o-transform: rotate(270deg);
|
||||||
|
-ms-transform: rotate(270deg);
|
||||||
|
}
|
||||||
|
.agile_form ul li label:hover {
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
.checkbox {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 38px !important;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
ul li .check {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
border: 3px solid #fff;
|
||||||
|
border-radius: 100%;
|
||||||
|
height: 13px;
|
||||||
|
width: 13px;
|
||||||
|
top: 22%;
|
||||||
|
left: 26px;
|
||||||
|
z-index: 5;
|
||||||
|
transition: border .25s linear;
|
||||||
|
-webkit-transition: border .25s linear;
|
||||||
|
}
|
||||||
|
.agile_form ul li:hover .check {
|
||||||
|
border: 3px solid #1ec8e9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form ul li .check::before {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
content: '';
|
||||||
|
border-radius: 100%;
|
||||||
|
height: 5px;
|
||||||
|
width: 5px;
|
||||||
|
top: 4px;
|
||||||
|
left: 4px;
|
||||||
|
margin: auto;
|
||||||
|
transition: background 0.25s linear;
|
||||||
|
-webkit-transition: background 0.25s linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type=radio]:checked ~ .check {
|
||||||
|
border: 3px solid #1ec8e9;
|
||||||
|
}
|
||||||
|
.agileits-rating {
|
||||||
|
margin: 1em 0 1.5em;
|
||||||
|
}
|
||||||
|
.agile_form input[type=radio]:checked ~ .check::before{
|
||||||
|
background: #eccff1;
|
||||||
|
}
|
||||||
|
.agileits-rating h5 {
|
||||||
|
color: #fff;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
font-size:1.1em;
|
||||||
|
font-weight:400;
|
||||||
|
}
|
||||||
|
.agile_form input[type=radio]:checked ~ label{
|
||||||
|
color: #FFC107;}
|
||||||
|
.textarea.w3l_summary {
|
||||||
|
min-height: 4em;
|
||||||
|
background: rgba(25, 5, 20, 0.48);
|
||||||
|
font-size: 0.85em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type="submit"] {
|
||||||
|
width:30%;
|
||||||
|
text-transform: uppercase;
|
||||||
|
outline: none;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #f5ecf1;
|
||||||
|
font-size:1em;
|
||||||
|
font-weight:600;
|
||||||
|
padding: 0.85em 0;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px solid #696867;
|
||||||
|
background: rgba(16, 16, 16, 0.47);
|
||||||
|
}
|
||||||
|
.agile_form input[type="submit"]:hover {
|
||||||
|
color: #f7f7f7;
|
||||||
|
background: rgb(30, 200, 233);
|
||||||
|
}
|
||||||
|
|
||||||
|
i.icon_agileits {
|
||||||
|
color: #000;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
.agileits_copyright p {
|
||||||
|
font-size: 1em;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
color: #fff;
|
||||||
|
padding-bottom: 2em;
|
||||||
|
line-height: 2;
|
||||||
|
}
|
||||||
|
.agileits_copyright a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.agileits_copyright a:hover {
|
||||||
|
color: #FFC107;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* // feedback-form*/
|
||||||
|
.icon1, .icon2 {
|
||||||
|
position: relative;
|
||||||
|
margin-top: 1.3em;
|
||||||
|
}
|
||||||
|
.icon1 i{
|
||||||
|
left: 0;
|
||||||
|
font-size: 1em;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
position: absolute;
|
||||||
|
color: #fff;
|
||||||
|
top: -50%;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
}
|
||||||
|
.icon2 i {
|
||||||
|
left:0;
|
||||||
|
font-size: 1em;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
position: absolute;
|
||||||
|
color: #fff;
|
||||||
|
top: -68%;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
}
|
||||||
|
.icon1.w3ls-name1 {
|
||||||
|
float: left;
|
||||||
|
width: 47%;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
.icon1{
|
||||||
|
padding-bottom:1em!important;
|
||||||
|
}
|
||||||
|
.icon2{
|
||||||
|
float:right;
|
||||||
|
width:50%;
|
||||||
|
}
|
||||||
|
ul.agile_info_numlist li {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 1em 1em;
|
||||||
|
}
|
||||||
|
.rem-w3 {
|
||||||
|
margin: 1.5em 0;
|
||||||
|
}
|
||||||
|
span.check-w3 {
|
||||||
|
float: left;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 13.5px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.rem-w3 a {
|
||||||
|
color: #fff;
|
||||||
|
float: right;
|
||||||
|
font-size: 13.5px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.rem-w3 a:hover{
|
||||||
|
color: #dd4b39;
|
||||||
|
transition: 0.5s all;
|
||||||
|
-webkit-transition: 0.5s all;
|
||||||
|
-o-transition: 0.5s all;
|
||||||
|
-moz-transition: 0.5s all;
|
||||||
|
-ms-transition: 0.5s all;
|
||||||
|
}
|
||||||
|
.sub-main-w3 h6 {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
/* -- Responsive code -- */
|
||||||
|
|
||||||
|
@media screen and (max-width: 1440px){
|
||||||
|
.wrap {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1366px){
|
||||||
|
.wrap {
|
||||||
|
padding: 2.5em;
|
||||||
|
width: 43%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1280px){
|
||||||
|
.wrap {
|
||||||
|
width: 45%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1080px){
|
||||||
|
.wrap {
|
||||||
|
width: 56%;
|
||||||
|
}
|
||||||
|
.w3layouts_main h2 {
|
||||||
|
font-size: 1.8em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1024px){
|
||||||
|
h1.agile_head {
|
||||||
|
font-size: 2.6em;
|
||||||
|
}
|
||||||
|
.wrap {
|
||||||
|
width: 57%;
|
||||||
|
}
|
||||||
|
.agile_form input[type="submit"] {
|
||||||
|
padding: 0.7em 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 991px){
|
||||||
|
.agile_form h4.w3ls-left,.agile_form h4.w3ls-right {
|
||||||
|
width: 23%;
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
width: 44.6%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 900px){
|
||||||
|
.wrap {
|
||||||
|
width: 62%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 800px){
|
||||||
|
.wrap {
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 768px){
|
||||||
|
.wrap {
|
||||||
|
width: 73%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 736px){
|
||||||
|
.wrap {
|
||||||
|
width: 76%;
|
||||||
|
}
|
||||||
|
h1.agile_head {
|
||||||
|
font-size: 2.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 667px){
|
||||||
|
.w3layouts_main h2 {
|
||||||
|
font-size: 1.6em;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left, .agile_form h4.w3ls-right {
|
||||||
|
width: 22%;
|
||||||
|
}
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0 0 0.8em;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"] {
|
||||||
|
width: 93%;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text] {
|
||||||
|
width: 86%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 94%;
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
margin: 1em 2.5em 0 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 640px){
|
||||||
|
.agile_form ul {
|
||||||
|
width: 50.5%;
|
||||||
|
margin: 1em 0.8em 0 0.8em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 600px){
|
||||||
|
h1.agile_head {
|
||||||
|
padding-top: 1.3em;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"] {
|
||||||
|
width: 92%;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left, .agile_form h4.w3ls-right {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.icon1.w3ls-name1,.icon2 {
|
||||||
|
width: 100%;
|
||||||
|
float: none;
|
||||||
|
margin:1em 0;
|
||||||
|
}
|
||||||
|
.icon1.w3ls-name1 i {
|
||||||
|
top: -35px;
|
||||||
|
}
|
||||||
|
.icon2 {
|
||||||
|
margin: 5.2em 0 0;
|
||||||
|
}
|
||||||
|
.icon2 i {
|
||||||
|
top: -35px;
|
||||||
|
}
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0.8em 0;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left {
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
.agileits-rating {
|
||||||
|
margin: 2em 0 1.5em;
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
width: 100%;
|
||||||
|
margin: 1em 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text]{
|
||||||
|
width:92%;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-right{
|
||||||
|
margin-top:1em;
|
||||||
|
}
|
||||||
|
h4.w3ls-right:after {
|
||||||
|
top: -14px;
|
||||||
|
left: 90%;
|
||||||
|
width: 0;
|
||||||
|
transform: rotate(0deg);
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
-moz-transform: rotate(0deg);
|
||||||
|
-o-transform: rotate(0deg);
|
||||||
|
-ms-transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left:before {
|
||||||
|
width:0;
|
||||||
|
top: 38px;
|
||||||
|
left: 20px;
|
||||||
|
transform: rotate(180deg);
|
||||||
|
-webkit-transform: rotate(180deg);
|
||||||
|
-moz-transform: rotate(180deg);
|
||||||
|
-o-transform: rotate(180deg);
|
||||||
|
-ms-transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 93%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 568px){
|
||||||
|
.wrap {
|
||||||
|
width: 74%;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"],.agile_form input[type=text] {
|
||||||
|
padding: 0.8em 1em;
|
||||||
|
width: 91%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 480px){
|
||||||
|
h1.agile_head {
|
||||||
|
font-size: 2.2em;
|
||||||
|
}
|
||||||
|
.w3layouts_main h2 {
|
||||||
|
font-size: 1.4em;
|
||||||
|
}
|
||||||
|
.wrap {
|
||||||
|
margin: 1em auto;
|
||||||
|
width: 74%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type="submit"] {
|
||||||
|
margin-top: 1em;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1.agile_head {
|
||||||
|
font-size: 1.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.w3layouts_main h3,.agile_form h2{
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul li .check {
|
||||||
|
height: 10px;
|
||||||
|
width: 10px;
|
||||||
|
top: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form ul li .check::before {
|
||||||
|
height: 4px;
|
||||||
|
width: 4px;
|
||||||
|
top: 3px;
|
||||||
|
left: 3px;
|
||||||
|
}
|
||||||
|
h4.w3ls-right:after {
|
||||||
|
left: 87%;
|
||||||
|
}
|
||||||
|
.agileits_copyright p{
|
||||||
|
padding-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agileits_copyright a{
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agileits_copyright p {
|
||||||
|
font-size: 15px;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
padding: 0.8em 1em;
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 91%;
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
margin: 1em 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 414px){
|
||||||
|
.agileits_copyright p, .agileits_copyright a {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.w3layouts_main h2 {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
width: 88%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 384px){
|
||||||
|
.w3layouts_main h2 {
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
.agileits_copyright p {
|
||||||
|
padding: 0.5em;
|
||||||
|
}
|
||||||
|
h1.agile_head {
|
||||||
|
font-size: 1.8em;
|
||||||
|
}
|
||||||
|
.wrap {
|
||||||
|
margin: 1.7em auto;
|
||||||
|
}
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0.5em 0;
|
||||||
|
}
|
||||||
|
ul li .check {
|
||||||
|
left: 22px
|
||||||
|
}
|
||||||
|
.agileits_copyright p {
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
width: 87%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 89%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 375px){
|
||||||
|
h1.agile_head {
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.w3layouts_main h2 {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.w3layouts_main.wrap p, .w3layouts_main.wrap h6 {
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
.wrap {
|
||||||
|
padding: 2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 320px){
|
||||||
|
h1.agile_head {
|
||||||
|
padding-top: 0.5em;
|
||||||
|
}
|
||||||
|
.wrap {
|
||||||
|
padding: 1.5em;
|
||||||
|
margin: 1em auto;
|
||||||
|
}
|
||||||
|
h1.agile_head {
|
||||||
|
font-size: 1.7em;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
height: 6em;
|
||||||
|
}
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0.5em 0 0em;
|
||||||
|
}
|
||||||
|
ul li .check {
|
||||||
|
left: 13px;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
width: 89%;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text], .agile_form input[type="email"] {
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
.agile_form input[type="submit"] {
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
.agileits_copyright p {
|
||||||
|
padding: .6em;
|
||||||
|
}
|
||||||
|
.w3layouts_main.wrap p, .w3layouts_main.wrap h6 {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 98 KiB |
@ -0,0 +1,78 @@
|
|||||||
|
<!--Author: W3layouts
|
||||||
|
Author URL: http://w3layouts.com
|
||||||
|
License: Creative Commons Attribution 3.0 Unported
|
||||||
|
License URL: http://creativecommons.org/licenses/by/3.0/-->
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Rate My Website Flat Responsive Template :: w3layouts</title>
|
||||||
|
<!-- custom-theme -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
|
<meta name="keywords" content="Rate My Website Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
|
||||||
|
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
|
||||||
|
function hideURLbar(){ window.scrollTo(0,1); } </script>
|
||||||
|
<!-- //custom-theme -->
|
||||||
|
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
|
||||||
|
<link href="//fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
|
||||||
|
<link href="//fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="agileits_w3layouts">
|
||||||
|
<h1 class="agile_head text-center">Rate My Website</h1>
|
||||||
|
<div class="w3layouts_main wrap">
|
||||||
|
<h2>DO you like our new site?</h2>
|
||||||
|
<p>let us know your experience.</p>
|
||||||
|
<form action="#" method="post" class="agile_form">
|
||||||
|
<div class="icon1">
|
||||||
|
<i>Email</i>
|
||||||
|
<input placeholder="emailTest " name="Email" type="email" required="">
|
||||||
|
</div>
|
||||||
|
<div class="icon1 w3ls-name1">
|
||||||
|
<i>First Name</i>
|
||||||
|
<input placeholder=" " name="first name" type="text" required="">
|
||||||
|
</div>
|
||||||
|
<div class="icon2">
|
||||||
|
<i>Last Name</i>
|
||||||
|
<input placeholder=" " name="last name" type="text" required="">
|
||||||
|
</div>
|
||||||
|
<div class="clear"></div>
|
||||||
|
<!--评分-->
|
||||||
|
<!-- <div class="agileits-rating">-->
|
||||||
|
<!-- <h5>Please rate our site</h5>-->
|
||||||
|
<!-- <h4 class="w3ls-left">Not Bad</h4>-->
|
||||||
|
<!-- <ul class="agile_info_select">-->
|
||||||
|
<!-- <li><input type="radio" name="view" id="bad"> -->
|
||||||
|
<!-- <label for="bad">1</label>-->
|
||||||
|
<!-- <div class="check w3"></div>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- <li><input type="radio" name="view" id="poor" checked="checked"> -->
|
||||||
|
<!-- <label for="poor">2</label>-->
|
||||||
|
<!-- <div class="check w3ls"></div>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- <li><input type="radio" name="view" id="neutral"> -->
|
||||||
|
<!-- <label for="neutral">3</label>-->
|
||||||
|
<!-- <div class="check wthree"></div>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- <li><input type="radio" name="view" id="good"> -->
|
||||||
|
<!-- <label for="good">4</label>-->
|
||||||
|
<!-- <div class="check w3_agileits"></div>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- <li><input type="radio" name="view" id="excellent"> -->
|
||||||
|
<!-- <label for="excellent">5</label>-->
|
||||||
|
<!-- <div class="check w3_agileits"></div>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- </ul>-->
|
||||||
|
<!-- <h4 class="w3ls-right">Excellent</h4>-->
|
||||||
|
<!-- <div class="clear"></div>-->
|
||||||
|
<!-- </div> -->
|
||||||
|
<h6>How would you suggest to improve it</h6>
|
||||||
|
<textarea class="w3l_summary" required=""></textarea>
|
||||||
|
<input type="submit" value="Submit">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="agileits_copyright text-center">
|
||||||
|
<p>© 2017 Rate My Website. All rights reserved | Design by <a href="//w3layouts.com/" class="w3_agile">W3layouts</a></p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
|
||||||
|
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||||
|
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
|
||||||
|
version="4.0">
|
||||||
|
</web-app>
|
||||||
@ -0,0 +1,534 @@
|
|||||||
|
/*--
|
||||||
|
Author: W3layouts
|
||||||
|
Author URL: http://w3layouts.com
|
||||||
|
License: Creative Commons Attribution 3.0 Unported
|
||||||
|
License URL: http://creativecommons.org/licenses/by/3.0/
|
||||||
|
--*/
|
||||||
|
/*--reset--*/
|
||||||
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
|
||||||
|
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
|
||||||
|
ol,ul{list-style:none;margin:0px;padding:0px;}
|
||||||
|
blockquote,q{quotes:none;}
|
||||||
|
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
|
||||||
|
table{border-collapse:collapse;border-spacing:0;}
|
||||||
|
/*--start editing from here--*/
|
||||||
|
a{text-decoration:none;}
|
||||||
|
|
||||||
|
.clear{clear:both;}/* clear float */
|
||||||
|
.pos-relative{position:relative;}/* Position Relative */
|
||||||
|
.pos-absolute{position:absolute;}/* Position Absolute */
|
||||||
|
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
|
||||||
|
.vertical-top{ vertical-align:top;}/* vertical align top */
|
||||||
|
nav.vertical ul li{ display:block;}/* vertical menu */
|
||||||
|
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
|
||||||
|
img{max-width:100%;}
|
||||||
|
/*--end reset--*/
|
||||||
|
.messageBoardOuter{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin:0;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
}
|
||||||
|
h1,h2,h3,h4,h5,h6,input,p,a,select,button,textarea,label{
|
||||||
|
font-family: 'Josefin Sans', sans-serif;
|
||||||
|
margin:0;
|
||||||
|
font-weight:400;
|
||||||
|
}
|
||||||
|
.clear{clear:both;}
|
||||||
|
body a{
|
||||||
|
transition:0.5s all;
|
||||||
|
-webkit-transition:0.5s all;
|
||||||
|
-moz-transition:0.5s all;
|
||||||
|
-o-transition:0.5s all;
|
||||||
|
-ms-transition:0.5s all;
|
||||||
|
text-decoration: none;}
|
||||||
|
|
||||||
|
input[type="button"],input[type="button"]{
|
||||||
|
transition:0.5s all;
|
||||||
|
-webkit-transition:0.5s all;
|
||||||
|
-moz-transition:0.5s all;
|
||||||
|
-o-transition:0.5s all;
|
||||||
|
-ms-transition:0.5s all;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,h2,h3,h4,h5,h6{
|
||||||
|
margin:0;
|
||||||
|
transition:0.5s all;
|
||||||
|
-webkit-transition:0.5s all;
|
||||||
|
-moz-transition:0.5s all;
|
||||||
|
-o-transition:0.5s all;
|
||||||
|
-ms-transition:0.5s all;
|
||||||
|
}
|
||||||
|
p{
|
||||||
|
margin:0;
|
||||||
|
|
||||||
|
}
|
||||||
|
ul{
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
.text-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* feedback-form*/
|
||||||
|
|
||||||
|
.agile_form h2 {
|
||||||
|
font-size: 0.9em;
|
||||||
|
color:#1ec8e9;
|
||||||
|
margin: 1em 0;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
form.agile_form {
|
||||||
|
padding: 1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type=text]{
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text]{
|
||||||
|
padding:0.9em 1em;
|
||||||
|
color: #000000;
|
||||||
|
width: 88%;
|
||||||
|
font-size:1em;
|
||||||
|
outline: none;
|
||||||
|
border: 1px solid #848484;
|
||||||
|
background: rgba(88, 88, 88, 0.08);
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"] {
|
||||||
|
width: 94%;
|
||||||
|
padding: 0.9em 1em;
|
||||||
|
margin: 0em 0em 1em 0;
|
||||||
|
color: #000000;
|
||||||
|
font-size: 1em;
|
||||||
|
outline: none;
|
||||||
|
border: 1px solid #848484;
|
||||||
|
background: rgba(88, 88, 88, 0.08);
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
font-size: 0.85em;
|
||||||
|
color: #000000;
|
||||||
|
padding: 0.8em 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
width: 94.5%;
|
||||||
|
outline: none;
|
||||||
|
resize: none;
|
||||||
|
height: 7em;
|
||||||
|
border: 1px solid #848484;
|
||||||
|
background: rgba(88, 88, 88, 0.08);
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
width: 43%;
|
||||||
|
list-style-type: none;
|
||||||
|
float: left;
|
||||||
|
margin:1em 1.6em;
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
.agile_form ul li {
|
||||||
|
color: #f5e7cc;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.agile_form ul li input[type=radio]{
|
||||||
|
position: absolute;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.agile_form ul li label {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
font-size: 1.1em;
|
||||||
|
padding: 0.5em 0em 0.5em 1em;
|
||||||
|
margin: 3em 0 0 0.8em;
|
||||||
|
z-index: 9;
|
||||||
|
cursor: pointer;
|
||||||
|
text-transform: capitalize;
|
||||||
|
-webkit-transition: all 0.25s linear;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left {
|
||||||
|
display: inline;
|
||||||
|
float: left;
|
||||||
|
width: 24%;
|
||||||
|
font-size:1.1em;
|
||||||
|
letter-spacing:1px;
|
||||||
|
text-align:center;
|
||||||
|
background:#1ec8e9;
|
||||||
|
padding: 0.5em 0em;
|
||||||
|
margin-top: 3em;
|
||||||
|
position:relative;
|
||||||
|
border-radius:5px;
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left:before {
|
||||||
|
position: absolute;
|
||||||
|
top: 12px;
|
||||||
|
right: -17px;
|
||||||
|
background: transparent;
|
||||||
|
content: "";
|
||||||
|
border-left: 10px solid transparent;
|
||||||
|
border-right: 10px solid transparent;
|
||||||
|
border-bottom: 14px solid#1ec8e9;
|
||||||
|
transform: rotate(90deg);
|
||||||
|
-webkit-transform: rotate(90deg);
|
||||||
|
-moz-transform: rotate(90deg);
|
||||||
|
-o-transform: rotate(90deg);
|
||||||
|
-ms-transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.agile_form ul li label:hover {
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
.checkbox {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 38px !important;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
ul li .check {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
border: 3px solid #fff;
|
||||||
|
border-radius: 100%;
|
||||||
|
height: 13px;
|
||||||
|
width: 13px;
|
||||||
|
top: 22%;
|
||||||
|
left: 26px;
|
||||||
|
z-index: 5;
|
||||||
|
transition: border .25s linear;
|
||||||
|
-webkit-transition: border .25s linear;
|
||||||
|
}
|
||||||
|
.agile_form ul li:hover .check {
|
||||||
|
border: 3px solid #1ec8e9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form ul li .check::before {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
content: '';
|
||||||
|
border-radius: 100%;
|
||||||
|
height: 5px;
|
||||||
|
width: 5px;
|
||||||
|
top: 4px;
|
||||||
|
left: 4px;
|
||||||
|
margin: auto;
|
||||||
|
transition: background 0.25s linear;
|
||||||
|
-webkit-transition: background 0.25s linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type=radio]:checked ~ .check {
|
||||||
|
border: 3px solid #1ec8e9;
|
||||||
|
}
|
||||||
|
.agileits-rating {
|
||||||
|
margin: 1em 0 1.5em;
|
||||||
|
}
|
||||||
|
.agile_form input[type=radio]:checked ~ .check::before{
|
||||||
|
background: #eccff1;
|
||||||
|
}
|
||||||
|
.agileits-rating h5 {
|
||||||
|
color: #fff;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
font-size:1.1em;
|
||||||
|
font-weight:400;
|
||||||
|
}
|
||||||
|
.agile_form input[type=radio]:checked ~ label{
|
||||||
|
color: #FFC107;}
|
||||||
|
.textarea.w3l_summary {
|
||||||
|
min-height: 4em;
|
||||||
|
background: rgba(25, 5, 20, 0.48);
|
||||||
|
font-size: 0.85em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type="button"] {
|
||||||
|
width:50%;
|
||||||
|
text-transform: uppercase;
|
||||||
|
outline: none;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #eef5ec;
|
||||||
|
font-size:1em;
|
||||||
|
font-weight:600;
|
||||||
|
padding: 0.85em 0;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px solid #696867;
|
||||||
|
background: rgba(16, 16, 16, 0.47);
|
||||||
|
}
|
||||||
|
.agile_form input[type="button"]:hover:hover {
|
||||||
|
color: #2b2626;
|
||||||
|
background: rgb(230, 192, 85);
|
||||||
|
}
|
||||||
|
|
||||||
|
i.icon_agileits {
|
||||||
|
color: #000;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* // feedback-form*/
|
||||||
|
/*表单文字*/
|
||||||
|
.icon1, .icon2 {
|
||||||
|
position: relative;
|
||||||
|
margin-top: 1.3em;
|
||||||
|
}
|
||||||
|
.icon1 i{
|
||||||
|
left: 0;
|
||||||
|
font-size: 1em;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
position: absolute;
|
||||||
|
color: #000000;
|
||||||
|
top: -50%;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
}
|
||||||
|
.icon2 i {
|
||||||
|
left:0;
|
||||||
|
font-size: 1em;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
position: absolute;
|
||||||
|
color: #000000;
|
||||||
|
top: -68%;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
}
|
||||||
|
.icon1.w3ls-name1 {
|
||||||
|
float: left;
|
||||||
|
width: 47%;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
.icon1{
|
||||||
|
padding-bottom:1em!important;
|
||||||
|
}
|
||||||
|
.icon2{
|
||||||
|
float:right;
|
||||||
|
width:50%;
|
||||||
|
}
|
||||||
|
ul.无用 li {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 1em 1em;
|
||||||
|
}
|
||||||
|
.无用 {
|
||||||
|
margin: 1.5em 0;
|
||||||
|
}
|
||||||
|
span.无用 {
|
||||||
|
float: left;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 13.5px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.无用 a {
|
||||||
|
color: #fff;
|
||||||
|
float: right;
|
||||||
|
font-size: 13.5px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.无用 a:hover{
|
||||||
|
color: #dd4b39;
|
||||||
|
transition: 0.5s all;
|
||||||
|
-webkit-transition: 0.5s all;
|
||||||
|
-o-transition: 0.5s all;
|
||||||
|
-moz-transition: 0.5s all;
|
||||||
|
-ms-transition: 0.5s all;
|
||||||
|
}
|
||||||
|
.sub-main-w3 h6 {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
/* -- Responsive code -- */
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width: 1024px){
|
||||||
|
|
||||||
|
.agile_form input[type="button"] {
|
||||||
|
padding: 0.7em 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width: 667px){
|
||||||
|
|
||||||
|
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0 0 0.8em;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"] {
|
||||||
|
width: 93%;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text] {
|
||||||
|
width: 86%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 94%;
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
margin: 1em 2.5em 0 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 640px){
|
||||||
|
.agile_form ul {
|
||||||
|
width: 50.5%;
|
||||||
|
margin: 1em 0.8em 0 0.8em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 600px){
|
||||||
|
|
||||||
|
.agile_form input[type="email"] {
|
||||||
|
width: 92%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon1.w3ls-name1,.icon2 {
|
||||||
|
width: 100%;
|
||||||
|
float: none;
|
||||||
|
margin:1em 0;
|
||||||
|
}
|
||||||
|
.icon1.w3ls-name1 i {
|
||||||
|
top: -35px;
|
||||||
|
}
|
||||||
|
.icon2 {
|
||||||
|
margin: 5.2em 0 0;
|
||||||
|
}
|
||||||
|
.icon2 i {
|
||||||
|
top: -35px;
|
||||||
|
}
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0.8em 0;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left {
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
.agileits-rating {
|
||||||
|
margin: 2em 0 1.5em;
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
width: 100%;
|
||||||
|
margin: 1em 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text]{
|
||||||
|
width:92%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.agile_form h4.w3ls-left:before {
|
||||||
|
width:0;
|
||||||
|
top: 38px;
|
||||||
|
left: 20px;
|
||||||
|
transform: rotate(180deg);
|
||||||
|
-webkit-transform: rotate(180deg);
|
||||||
|
-moz-transform: rotate(180deg);
|
||||||
|
-o-transform: rotate(180deg);
|
||||||
|
-ms-transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 93%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1040px){
|
||||||
|
.icon1.w3ls-name1,.icon2 {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 568px){
|
||||||
|
|
||||||
|
.agile_form input[type="email"],.agile_form input[type=text] {
|
||||||
|
padding: 0.8em 1em;
|
||||||
|
width: 91%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 480px){
|
||||||
|
|
||||||
|
|
||||||
|
.agile_form input[type="button"] {
|
||||||
|
margin-top: 1em;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
ul li .check {
|
||||||
|
height: 10px;
|
||||||
|
width: 10px;
|
||||||
|
top: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form ul li .check::before {
|
||||||
|
height: 4px;
|
||||||
|
width: 4px;
|
||||||
|
top: 3px;
|
||||||
|
left: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
padding: 0.8em 1em;
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 91%;
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
margin: 1em 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 414px){
|
||||||
|
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
width: 88%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 384px){
|
||||||
|
|
||||||
|
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0.5em 0;
|
||||||
|
}
|
||||||
|
ul li .check {
|
||||||
|
left: 22px
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
width: 87%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 89%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width: 320px) {
|
||||||
|
|
||||||
|
.agile_form textarea {
|
||||||
|
height: 6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0.5em 0 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul li .check {
|
||||||
|
left: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
width: 89%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type=text], .agile_form input[type="email"] {
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type="button"] {
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 510 KiB |
|
After Width: | Height: | Size: 954 KiB |
|
After Width: | Height: | Size: 752 KiB |
|
After Width: | Height: | Size: 788 KiB |
|
After Width: | Height: | Size: 522 KiB |
|
After Width: | Height: | Size: 404 KiB |
|
After Width: | Height: | Size: 742 KiB |
|
After Width: | Height: | Size: 881 KiB |
|
After Width: | Height: | Size: 959 KiB |
|
After Width: | Height: | Size: 740 KiB |
|
After Width: | Height: | Size: 740 KiB |
|
After Width: | Height: | Size: 533 B |
|
After Width: | Height: | Size: 632 B |
|
After Width: | Height: | Size: 471 B |
|
After Width: | Height: | Size: 254 B |
|
After Width: | Height: | Size: 302 B |
|
After Width: | Height: | Size: 761 B |
|
After Width: | Height: | Size: 539 B |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 366 B |
|
After Width: | Height: | Size: 145 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 268 B |
|
After Width: | Height: | Size: 785 KiB |
|
After Width: | Height: | Size: 768 KiB |
|
After Width: | Height: | Size: 412 B |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 1.6 MiB |
@ -0,0 +1,16 @@
|
|||||||
|
<%--
|
||||||
|
Created by IntelliJ IDEA.
|
||||||
|
User: Yossi
|
||||||
|
Date: 2022/6/6
|
||||||
|
Time: 16:36
|
||||||
|
To change this template use File | Settings | File Templates.
|
||||||
|
--%>
|
||||||
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>$Title$</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
$END$
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,30 @@
|
|||||||
|
//使用js
|
||||||
|
// const panels = document.querySelectorAll('.panel');
|
||||||
|
//
|
||||||
|
// panels.forEach(panel =>{
|
||||||
|
// panel.addEventListener('click', ()=>{
|
||||||
|
// removeActiveClasses()
|
||||||
|
// panel.classList.add('active')
|
||||||
|
// })
|
||||||
|
// })
|
||||||
|
//
|
||||||
|
// function removeActiveClasses(){
|
||||||
|
// panels.forEach(panel =>{
|
||||||
|
// panel.classList.remove('active')
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
|
||||||
|
// 使用jQuery
|
||||||
|
|
||||||
|
// $(function () {
|
||||||
|
// $(".panel").click(function () {
|
||||||
|
// // $(".panel").removeClass("active");
|
||||||
|
// // $(this).addClass("active");
|
||||||
|
// alert("aaaa");
|
||||||
|
// })
|
||||||
|
// })
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,96 @@
|
|||||||
|
package com.hongxi.pojo;
|
||||||
|
|
||||||
|
import java.time.LocalDateTime;
|
||||||
|
import java.time.format.DateTimeFormatter;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @author Hongxi Yin
|
||||||
|
* @version 1.0
|
||||||
|
* @date 2022/6/9 21:36
|
||||||
|
*/
|
||||||
|
public class GuestMessage {
|
||||||
|
private String email;
|
||||||
|
private String nickname;
|
||||||
|
private String contact;
|
||||||
|
private String messageText;
|
||||||
|
|
||||||
|
private String sendTime;
|
||||||
|
|
||||||
|
private static Integer messageNum = 0;
|
||||||
|
|
||||||
|
private int messageID;
|
||||||
|
|
||||||
|
public int getMessageID() {
|
||||||
|
return messageID;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setMessageID(int messageID) {
|
||||||
|
this.messageID = messageID;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static Integer getMessageNum() {
|
||||||
|
return messageNum;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static void setMessageNum(Integer messageNum) {
|
||||||
|
GuestMessage.messageNum = messageNum;
|
||||||
|
}
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public String toString() {
|
||||||
|
return "GuestMessage{" +
|
||||||
|
"email='" + email + '\'' +
|
||||||
|
", nickname='" + nickname + '\'' +
|
||||||
|
", contact='" + contact + '\'' +
|
||||||
|
", messageText='" + messageText + '\'' +
|
||||||
|
'}';
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getEmail() {
|
||||||
|
return email;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setEmail(String email) {
|
||||||
|
this.email = email;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getNickname() {
|
||||||
|
return nickname;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setNickname(String nickname) {
|
||||||
|
this.nickname = nickname;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getContact() {
|
||||||
|
return contact;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setContact(String contact) {
|
||||||
|
this.contact = contact;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getMessageText() {
|
||||||
|
return messageText;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setMessageText(String messageText) {
|
||||||
|
this.messageText = messageText;
|
||||||
|
}
|
||||||
|
|
||||||
|
public GuestMessage(String email, String nickname, String contact, String messageText) {
|
||||||
|
this.email = email;
|
||||||
|
this.nickname = nickname;
|
||||||
|
this.contact = contact;
|
||||||
|
this.messageText = messageText;
|
||||||
|
this.messageID = ++messageNum;
|
||||||
|
this.sendTime = getSendTime();
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
private static String getSendTime(){
|
||||||
|
LocalDateTime dateTime = LocalDateTime.now();
|
||||||
|
DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyy年MM月dd日 HH:mm:ss");
|
||||||
|
return dateTime.format(formatter);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,71 @@
|
|||||||
|
package com.hongxi.pojo;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @author Hongxi Yin
|
||||||
|
* @version 1.0
|
||||||
|
* @date 2022/6/7 20:33
|
||||||
|
*/
|
||||||
|
public class ImgDetail {
|
||||||
|
private Integer imgId;
|
||||||
|
private String imgPath;
|
||||||
|
private String detailTitle;
|
||||||
|
private String detailText;
|
||||||
|
|
||||||
|
public ImgDetail(Integer imgId, String imgPath, String detailTitle) {
|
||||||
|
this.imgId = imgId;
|
||||||
|
this.imgPath = imgPath;
|
||||||
|
this.detailTitle = detailTitle;
|
||||||
|
this.detailText = "**此处显示的是默认文本****此处显示的是默认文本****此处显示的是默认文本****此处显示的是默认文本**" +
|
||||||
|
"**此处显示的是默认文本**<p>**此处显示的是默认文本****此处显示的是默认文本****此处显示的是默认文本**</p><p>**此处显示的是默认文本**" +
|
||||||
|
"**此处显示的是默认文本****此处显示的是默认文本**</P>";
|
||||||
|
}
|
||||||
|
|
||||||
|
public ImgDetail(Integer imgId, String imgPath, String detailTitle, String detailText) {
|
||||||
|
this.imgId = imgId;
|
||||||
|
this.imgPath = imgPath;
|
||||||
|
this.detailTitle = detailTitle;
|
||||||
|
this.detailText = detailText;
|
||||||
|
}
|
||||||
|
|
||||||
|
public Integer getImgId() {
|
||||||
|
return imgId;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setImgId(Integer imgId) {
|
||||||
|
this.imgId = imgId;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getImgPath() {
|
||||||
|
return imgPath;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setImgPath(String imgPath) {
|
||||||
|
this.imgPath = imgPath;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getDetailTitle() {
|
||||||
|
return detailTitle;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setDetailTitle(String detailTitle) {
|
||||||
|
this.detailTitle = detailTitle;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getDetailText() {
|
||||||
|
return detailText;
|
||||||
|
}
|
||||||
|
|
||||||
|
public void setDetailText(String detailText) {
|
||||||
|
this.detailText = detailText;
|
||||||
|
}
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public String toString() {
|
||||||
|
return "imgDetail{" +
|
||||||
|
"imgId=" + imgId +
|
||||||
|
", imgPath='" + imgPath + '\'' +
|
||||||
|
", detailTitle='" + detailTitle + '\'' +
|
||||||
|
", detailText='" + detailText + '\'' +
|
||||||
|
'}';
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,85 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>时间轴</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="messageShow">
|
||||||
|
<div class="box">
|
||||||
|
<div class="left">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="center">
|
||||||
|
<span>
|
||||||
|
2018
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
千万不要放纵自己，给自己找借口。对自己严格一点儿，时间长了，自律便成为一种习惯，一种生活方式，你的人格和智慧也因此变得更加完美。
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<div class="left">
|
||||||
|
人生就那么短，不要为了变成别人喜欢的样子，委屈了自己。该开心时开心，想发泄就发泄。过好自己生活的第一件事，就是为自己而活。
|
||||||
|
</div>
|
||||||
|
<div class="center">
|
||||||
|
<span>
|
||||||
|
2019
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<div class="left">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="center">
|
||||||
|
<span>
|
||||||
|
2020
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
如果我们质疑一个人扯谎，我们就应该伪装信任他，由于他会变得愈来愈神勇而有自信，并更斗胆地扯谎，最后会自己揭开自己的面具。
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<div class="left">
|
||||||
|
如果我们质疑一个人扯谎，我们就应该伪装信任他，由于他会变得愈来愈神勇而有自信，并更斗胆地扯谎，最后会自己揭开自己的面具。
|
||||||
|
</div>
|
||||||
|
<div class="center">
|
||||||
|
<span>
|
||||||
|
2021
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<div class="left">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="center">
|
||||||
|
<span>
|
||||||
|
2022
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
没有谁天生是属于谁的，任何人来到你身边愿意为你停下脚步，都是一件值得珍惜的事。这世上什么东西都有个保质期，没有比心存感激更好的保质方法，爱是用心，不是敷衍。
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
@ -0,0 +1,745 @@
|
|||||||
|
/*--
|
||||||
|
Author: W3layouts
|
||||||
|
Author URL: http://w3layouts.com
|
||||||
|
License: Creative Commons Attribution 3.0 Unported
|
||||||
|
License URL: http://creativecommons.org/licenses/by/3.0/
|
||||||
|
--*/
|
||||||
|
/*--reset--*/
|
||||||
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
|
||||||
|
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
|
||||||
|
ol,ul{list-style:none;margin:0px;padding:0px;}
|
||||||
|
blockquote,q{quotes:none;}
|
||||||
|
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
|
||||||
|
table{border-collapse:collapse;border-spacing:0;}
|
||||||
|
/*--start editing from here--*/
|
||||||
|
a{text-decoration:none;}
|
||||||
|
.txt-rt{text-align:right;}/* text align right */
|
||||||
|
.txt-lt{text-align:left;}/* text align left */
|
||||||
|
.txt-center{text-align:center;}/* text align center */
|
||||||
|
.float-rt{float:right;}/* float right */
|
||||||
|
.float-lt{float:left;}/* float left */
|
||||||
|
.clear{clear:both;}/* clear float */
|
||||||
|
.pos-relative{position:relative;}/* Position Relative */
|
||||||
|
.pos-absolute{position:absolute;}/* Position Absolute */
|
||||||
|
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
|
||||||
|
.vertical-top{ vertical-align:top;}/* vertical align top */
|
||||||
|
nav.vertical ul li{ display:block;}/* vertical menu */
|
||||||
|
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
|
||||||
|
img{max-width:100%;}
|
||||||
|
/*--end reset--*/
|
||||||
|
body {
|
||||||
|
margin:0;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
}
|
||||||
|
h1,h2,h3,h4,h5,h6,input,p,a,select,button,textarea,label{
|
||||||
|
font-family: 'Josefin Sans', sans-serif;
|
||||||
|
margin:0;
|
||||||
|
font-weight:400;
|
||||||
|
}
|
||||||
|
.clear{clear:both;}
|
||||||
|
body a{
|
||||||
|
transition:0.5s all;
|
||||||
|
-webkit-transition:0.5s all;
|
||||||
|
-moz-transition:0.5s all;
|
||||||
|
-o-transition:0.5s all;
|
||||||
|
-ms-transition:0.5s all;
|
||||||
|
text-decoration: none;}
|
||||||
|
|
||||||
|
input[type="button"],input[type="submit"]{
|
||||||
|
transition:0.5s all;
|
||||||
|
-webkit-transition:0.5s all;
|
||||||
|
-moz-transition:0.5s all;
|
||||||
|
-o-transition:0.5s all;
|
||||||
|
-ms-transition:0.5s all;
|
||||||
|
}
|
||||||
|
h1,h2,h3,h4,h5,h6{
|
||||||
|
margin:0;
|
||||||
|
transition:0.5s all;
|
||||||
|
-webkit-transition:0.5s all;
|
||||||
|
-moz-transition:0.5s all;
|
||||||
|
-o-transition:0.5s all;
|
||||||
|
-ms-transition:0.5s all;
|
||||||
|
}
|
||||||
|
p{
|
||||||
|
margin:0;
|
||||||
|
|
||||||
|
}
|
||||||
|
ul{
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
.text-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.agileits_w3layouts {
|
||||||
|
background:url(../images/banner.jpg)no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
background-attachment: fixed;
|
||||||
|
}
|
||||||
|
.wrap {
|
||||||
|
padding: 2.3em;
|
||||||
|
width: 37%;
|
||||||
|
margin: 2em auto;
|
||||||
|
background: rgba(16, 16, 16, 0.72);
|
||||||
|
}
|
||||||
|
h1.agile_head {
|
||||||
|
padding-top: 1em;
|
||||||
|
font-size: 2.8em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 600;
|
||||||
|
font-family: 'Josefin Sans', sans-serif;
|
||||||
|
letter-spacing: 6px;
|
||||||
|
line-height:1.5;
|
||||||
|
}
|
||||||
|
/* feedback-form*/
|
||||||
|
.w3layouts_main h2 {
|
||||||
|
font-size: 2em;
|
||||||
|
color: #1ec8e9;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1.5;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.agile_form h2 {
|
||||||
|
font-size: 0.9em;
|
||||||
|
color:#1ec8e9;
|
||||||
|
margin: 1em 0;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
form.agile_form {
|
||||||
|
padding: 1em 0;
|
||||||
|
}
|
||||||
|
.w3layouts_main.wrap p ,.w3layouts_main.wrap h6{
|
||||||
|
color: #fff;
|
||||||
|
margin: 0 0 1.5em 0;
|
||||||
|
font-size: 1.2em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.w3layouts_main.wrap h6{
|
||||||
|
text-align:left;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text]{
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text]{
|
||||||
|
padding:0.9em 1em;
|
||||||
|
color: #fff;
|
||||||
|
width: 88%;
|
||||||
|
font-size:1em;
|
||||||
|
outline: none;
|
||||||
|
border: 1px solid #848484;
|
||||||
|
background: rgba(88, 88, 88, 0.08);
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"] {
|
||||||
|
width: 94%;
|
||||||
|
padding: 0.9em 1em;
|
||||||
|
margin: 0em 0em 1em 0;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 1em;
|
||||||
|
outline: none;
|
||||||
|
border: 1px solid #848484;
|
||||||
|
background: rgba(88, 88, 88, 0.08);
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
font-size: 0.85em;
|
||||||
|
color: #fff;
|
||||||
|
padding: 0.8em 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
width: 94.5%;
|
||||||
|
outline: none;
|
||||||
|
resize: none;
|
||||||
|
height: 7em;
|
||||||
|
border: 1px solid #848484;
|
||||||
|
background: rgba(88, 88, 88, 0.08);
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
width: 43%;
|
||||||
|
list-style-type: none;
|
||||||
|
float: left;
|
||||||
|
margin:1em 1.6em;
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
.agile_form ul li {
|
||||||
|
color: #f5e7cc;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.agile_form ul li input[type=radio]{
|
||||||
|
position: absolute;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.agile_form ul li label {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
font-size: 1.1em;
|
||||||
|
padding: 0.5em 0em 0.5em 1em;
|
||||||
|
margin: 3em 0 0 0.8em;
|
||||||
|
z-index: 9;
|
||||||
|
cursor: pointer;
|
||||||
|
text-transform: capitalize;
|
||||||
|
-webkit-transition: all 0.25s linear;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left {
|
||||||
|
display: inline;
|
||||||
|
float: left;
|
||||||
|
width: 24%;
|
||||||
|
font-size:1.1em;
|
||||||
|
letter-spacing:1px;
|
||||||
|
text-align:center;
|
||||||
|
background:#1ec8e9;
|
||||||
|
padding: 0.5em 0em;
|
||||||
|
margin-top: 3em;
|
||||||
|
position:relative;
|
||||||
|
border-radius:5px;
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left:before {
|
||||||
|
position: absolute;
|
||||||
|
top: 12px;
|
||||||
|
right: -17px;
|
||||||
|
background: transparent;
|
||||||
|
content: "";
|
||||||
|
border-left: 10px solid transparent;
|
||||||
|
border-right: 10px solid transparent;
|
||||||
|
border-bottom: 14px solid#1ec8e9;
|
||||||
|
transform: rotate(90deg);
|
||||||
|
-webkit-transform: rotate(90deg);
|
||||||
|
-moz-transform: rotate(90deg);
|
||||||
|
-o-transform: rotate(90deg);
|
||||||
|
-ms-transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-right {
|
||||||
|
float: left;
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
background: #1ec8e9;
|
||||||
|
padding: 0.5em 0em;
|
||||||
|
width: 24%;
|
||||||
|
font-size: 1.1em;
|
||||||
|
color: #fff;
|
||||||
|
margin-top: 3em;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
h4.w3ls-right:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 12px;
|
||||||
|
left: -17px;
|
||||||
|
background: transparent;
|
||||||
|
content: "";
|
||||||
|
border-left: 10px solid transparent;
|
||||||
|
border-right: 10px solid transparent;
|
||||||
|
border-bottom: 14px solid #1ec8e9;
|
||||||
|
transform: rotate(270deg);
|
||||||
|
-webkit-transform: rotate(270deg);
|
||||||
|
-moz-transform: rotate(270deg);
|
||||||
|
-o-transform: rotate(270deg);
|
||||||
|
-ms-transform: rotate(270deg);
|
||||||
|
}
|
||||||
|
.agile_form ul li label:hover {
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
.checkbox {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 38px !important;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
ul li .check {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
border: 3px solid #fff;
|
||||||
|
border-radius: 100%;
|
||||||
|
height: 13px;
|
||||||
|
width: 13px;
|
||||||
|
top: 22%;
|
||||||
|
left: 26px;
|
||||||
|
z-index: 5;
|
||||||
|
transition: border .25s linear;
|
||||||
|
-webkit-transition: border .25s linear;
|
||||||
|
}
|
||||||
|
.agile_form ul li:hover .check {
|
||||||
|
border: 3px solid #1ec8e9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form ul li .check::before {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
content: '';
|
||||||
|
border-radius: 100%;
|
||||||
|
height: 5px;
|
||||||
|
width: 5px;
|
||||||
|
top: 4px;
|
||||||
|
left: 4px;
|
||||||
|
margin: auto;
|
||||||
|
transition: background 0.25s linear;
|
||||||
|
-webkit-transition: background 0.25s linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type=radio]:checked ~ .check {
|
||||||
|
border: 3px solid #1ec8e9;
|
||||||
|
}
|
||||||
|
.agileits-rating {
|
||||||
|
margin: 1em 0 1.5em;
|
||||||
|
}
|
||||||
|
.agile_form input[type=radio]:checked ~ .check::before{
|
||||||
|
background: #eccff1;
|
||||||
|
}
|
||||||
|
.agileits-rating h5 {
|
||||||
|
color: #fff;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
font-size:1.1em;
|
||||||
|
font-weight:400;
|
||||||
|
}
|
||||||
|
.agile_form input[type=radio]:checked ~ label{
|
||||||
|
color: #FFC107;}
|
||||||
|
.textarea.w3l_summary {
|
||||||
|
min-height: 4em;
|
||||||
|
background: rgba(25, 5, 20, 0.48);
|
||||||
|
font-size: 0.85em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type="submit"] {
|
||||||
|
width:30%;
|
||||||
|
text-transform: uppercase;
|
||||||
|
outline: none;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #f5ecf1;
|
||||||
|
font-size:1em;
|
||||||
|
font-weight:600;
|
||||||
|
padding: 0.85em 0;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px solid #696867;
|
||||||
|
background: rgba(16, 16, 16, 0.47);
|
||||||
|
}
|
||||||
|
.agile_form input[type="submit"]:hover {
|
||||||
|
color: #f7f7f7;
|
||||||
|
background: rgb(30, 200, 233);
|
||||||
|
}
|
||||||
|
|
||||||
|
i.icon_agileits {
|
||||||
|
color: #000;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
.agileits_copyright p {
|
||||||
|
font-size: 1em;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
color: #fff;
|
||||||
|
padding-bottom: 2em;
|
||||||
|
line-height: 2;
|
||||||
|
}
|
||||||
|
.agileits_copyright a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.agileits_copyright a:hover {
|
||||||
|
color: #FFC107;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* // feedback-form*/
|
||||||
|
.icon1, .icon2 {
|
||||||
|
position: relative;
|
||||||
|
margin-top: 1.3em;
|
||||||
|
}
|
||||||
|
.icon1 i{
|
||||||
|
left: 0;
|
||||||
|
font-size: 1em;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
position: absolute;
|
||||||
|
color: #fff;
|
||||||
|
top: -50%;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
}
|
||||||
|
.icon2 i {
|
||||||
|
left:0;
|
||||||
|
font-size: 1em;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
position: absolute;
|
||||||
|
color: #fff;
|
||||||
|
top: -68%;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
}
|
||||||
|
.icon1.w3ls-name1 {
|
||||||
|
float: left;
|
||||||
|
width: 47%;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
.icon1{
|
||||||
|
padding-bottom:1em!important;
|
||||||
|
}
|
||||||
|
.icon2{
|
||||||
|
float:right;
|
||||||
|
width:50%;
|
||||||
|
}
|
||||||
|
ul.agile_info_numlist li {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 1em 1em;
|
||||||
|
}
|
||||||
|
.rem-w3 {
|
||||||
|
margin: 1.5em 0;
|
||||||
|
}
|
||||||
|
span.check-w3 {
|
||||||
|
float: left;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 13.5px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.rem-w3 a {
|
||||||
|
color: #fff;
|
||||||
|
float: right;
|
||||||
|
font-size: 13.5px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.rem-w3 a:hover{
|
||||||
|
color: #dd4b39;
|
||||||
|
transition: 0.5s all;
|
||||||
|
-webkit-transition: 0.5s all;
|
||||||
|
-o-transition: 0.5s all;
|
||||||
|
-moz-transition: 0.5s all;
|
||||||
|
-ms-transition: 0.5s all;
|
||||||
|
}
|
||||||
|
.sub-main-w3 h6 {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
/* -- Responsive code -- */
|
||||||
|
|
||||||
|
@media screen and (max-width: 1440px){
|
||||||
|
.wrap {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1366px){
|
||||||
|
.wrap {
|
||||||
|
padding: 2.5em;
|
||||||
|
width: 43%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1280px){
|
||||||
|
.wrap {
|
||||||
|
width: 45%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1080px){
|
||||||
|
.wrap {
|
||||||
|
width: 56%;
|
||||||
|
}
|
||||||
|
.w3layouts_main h2 {
|
||||||
|
font-size: 1.8em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1024px){
|
||||||
|
h1.agile_head {
|
||||||
|
font-size: 2.6em;
|
||||||
|
}
|
||||||
|
.wrap {
|
||||||
|
width: 57%;
|
||||||
|
}
|
||||||
|
.agile_form input[type="submit"] {
|
||||||
|
padding: 0.7em 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 991px){
|
||||||
|
.agile_form h4.w3ls-left,.agile_form h4.w3ls-right {
|
||||||
|
width: 23%;
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
width: 44.6%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 900px){
|
||||||
|
.wrap {
|
||||||
|
width: 62%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 800px){
|
||||||
|
.wrap {
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 768px){
|
||||||
|
.wrap {
|
||||||
|
width: 73%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 736px){
|
||||||
|
.wrap {
|
||||||
|
width: 76%;
|
||||||
|
}
|
||||||
|
h1.agile_head {
|
||||||
|
font-size: 2.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 667px){
|
||||||
|
.w3layouts_main h2 {
|
||||||
|
font-size: 1.6em;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left, .agile_form h4.w3ls-right {
|
||||||
|
width: 22%;
|
||||||
|
}
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0 0 0.8em;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"] {
|
||||||
|
width: 93%;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text] {
|
||||||
|
width: 86%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 94%;
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
margin: 1em 2.5em 0 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 640px){
|
||||||
|
.agile_form ul {
|
||||||
|
width: 50.5%;
|
||||||
|
margin: 1em 0.8em 0 0.8em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 600px){
|
||||||
|
h1.agile_head {
|
||||||
|
padding-top: 1.3em;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"] {
|
||||||
|
width: 92%;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left, .agile_form h4.w3ls-right {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.icon1.w3ls-name1,.icon2 {
|
||||||
|
width: 100%;
|
||||||
|
float: none;
|
||||||
|
margin:1em 0;
|
||||||
|
}
|
||||||
|
.icon1.w3ls-name1 i {
|
||||||
|
top: -35px;
|
||||||
|
}
|
||||||
|
.icon2 {
|
||||||
|
margin: 5.2em 0 0;
|
||||||
|
}
|
||||||
|
.icon2 i {
|
||||||
|
top: -35px;
|
||||||
|
}
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0.8em 0;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left {
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
.agileits-rating {
|
||||||
|
margin: 2em 0 1.5em;
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
width: 100%;
|
||||||
|
margin: 1em 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text]{
|
||||||
|
width:92%;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-right{
|
||||||
|
margin-top:1em;
|
||||||
|
}
|
||||||
|
h4.w3ls-right:after {
|
||||||
|
top: -14px;
|
||||||
|
left: 90%;
|
||||||
|
width: 0;
|
||||||
|
transform: rotate(0deg);
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
-moz-transform: rotate(0deg);
|
||||||
|
-o-transform: rotate(0deg);
|
||||||
|
-ms-transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left:before {
|
||||||
|
width:0;
|
||||||
|
top: 38px;
|
||||||
|
left: 20px;
|
||||||
|
transform: rotate(180deg);
|
||||||
|
-webkit-transform: rotate(180deg);
|
||||||
|
-moz-transform: rotate(180deg);
|
||||||
|
-o-transform: rotate(180deg);
|
||||||
|
-ms-transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 93%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 568px){
|
||||||
|
.wrap {
|
||||||
|
width: 74%;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"],.agile_form input[type=text] {
|
||||||
|
padding: 0.8em 1em;
|
||||||
|
width: 91%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 480px){
|
||||||
|
h1.agile_head {
|
||||||
|
font-size: 2.2em;
|
||||||
|
}
|
||||||
|
.w3layouts_main h2 {
|
||||||
|
font-size: 1.4em;
|
||||||
|
}
|
||||||
|
.wrap {
|
||||||
|
margin: 1em auto;
|
||||||
|
width: 74%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type="submit"] {
|
||||||
|
margin-top: 1em;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1.agile_head {
|
||||||
|
font-size: 1.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.w3layouts_main h3,.agile_form h2{
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul li .check {
|
||||||
|
height: 10px;
|
||||||
|
width: 10px;
|
||||||
|
top: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form ul li .check::before {
|
||||||
|
height: 4px;
|
||||||
|
width: 4px;
|
||||||
|
top: 3px;
|
||||||
|
left: 3px;
|
||||||
|
}
|
||||||
|
h4.w3ls-right:after {
|
||||||
|
left: 87%;
|
||||||
|
}
|
||||||
|
.agileits_copyright p{
|
||||||
|
padding-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agileits_copyright a{
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agileits_copyright p {
|
||||||
|
font-size: 15px;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
padding: 0.8em 1em;
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 91%;
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
margin: 1em 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 414px){
|
||||||
|
.agileits_copyright p, .agileits_copyright a {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.w3layouts_main h2 {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
width: 88%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 384px){
|
||||||
|
.w3layouts_main h2 {
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
.agileits_copyright p {
|
||||||
|
padding: 0.5em;
|
||||||
|
}
|
||||||
|
h1.agile_head {
|
||||||
|
font-size: 1.8em;
|
||||||
|
}
|
||||||
|
.wrap {
|
||||||
|
margin: 1.7em auto;
|
||||||
|
}
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0.5em 0;
|
||||||
|
}
|
||||||
|
ul li .check {
|
||||||
|
left: 22px
|
||||||
|
}
|
||||||
|
.agileits_copyright p {
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
width: 87%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 89%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 375px){
|
||||||
|
h1.agile_head {
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.w3layouts_main h2 {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.w3layouts_main.wrap p, .w3layouts_main.wrap h6 {
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
.wrap {
|
||||||
|
padding: 2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 320px){
|
||||||
|
h1.agile_head {
|
||||||
|
padding-top: 0.5em;
|
||||||
|
}
|
||||||
|
.wrap {
|
||||||
|
padding: 1.5em;
|
||||||
|
margin: 1em auto;
|
||||||
|
}
|
||||||
|
h1.agile_head {
|
||||||
|
font-size: 1.7em;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
height: 6em;
|
||||||
|
}
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0.5em 0 0em;
|
||||||
|
}
|
||||||
|
ul li .check {
|
||||||
|
left: 13px;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
width: 89%;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text], .agile_form input[type="email"] {
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
.agile_form input[type="submit"] {
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
.agileits_copyright p {
|
||||||
|
padding: .6em;
|
||||||
|
}
|
||||||
|
.w3layouts_main.wrap p, .w3layouts_main.wrap h6 {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 98 KiB |
@ -0,0 +1,78 @@
|
|||||||
|
<!--Author: W3layouts
|
||||||
|
Author URL: http://w3layouts.com
|
||||||
|
License: Creative Commons Attribution 3.0 Unported
|
||||||
|
License URL: http://creativecommons.org/licenses/by/3.0/-->
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Rate My Website Flat Responsive Template :: w3layouts</title>
|
||||||
|
<!-- custom-theme -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
|
<meta name="keywords" content="Rate My Website Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
|
||||||
|
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
|
||||||
|
function hideURLbar(){ window.scrollTo(0,1); } </script>
|
||||||
|
<!-- //custom-theme -->
|
||||||
|
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
|
||||||
|
<link href="//fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
|
||||||
|
<link href="//fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="agileits_w3layouts">
|
||||||
|
<h1 class="agile_head text-center">Rate My Website</h1>
|
||||||
|
<div class="w3layouts_main wrap">
|
||||||
|
<h2>DO you like our new site?</h2>
|
||||||
|
<p>let us know your experience.</p>
|
||||||
|
<form action="#" method="post" class="agile_form">
|
||||||
|
<div class="icon1">
|
||||||
|
<i>Email</i>
|
||||||
|
<input placeholder="emailTest " name="Email" type="email" required="">
|
||||||
|
</div>
|
||||||
|
<div class="icon1 w3ls-name1">
|
||||||
|
<i>First Name</i>
|
||||||
|
<input placeholder=" " name="first name" type="text" required="">
|
||||||
|
</div>
|
||||||
|
<div class="icon2">
|
||||||
|
<i>Last Name</i>
|
||||||
|
<input placeholder=" " name="last name" type="text" required="">
|
||||||
|
</div>
|
||||||
|
<div class="clear"></div>
|
||||||
|
<!--评分-->
|
||||||
|
<!-- <div class="agileits-rating">-->
|
||||||
|
<!-- <h5>Please rate our site</h5>-->
|
||||||
|
<!-- <h4 class="w3ls-left">Not Bad</h4>-->
|
||||||
|
<!-- <ul class="agile_info_select">-->
|
||||||
|
<!-- <li><input type="radio" name="view" id="bad"> -->
|
||||||
|
<!-- <label for="bad">1</label>-->
|
||||||
|
<!-- <div class="check w3"></div>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- <li><input type="radio" name="view" id="poor" checked="checked"> -->
|
||||||
|
<!-- <label for="poor">2</label>-->
|
||||||
|
<!-- <div class="check w3ls"></div>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- <li><input type="radio" name="view" id="neutral"> -->
|
||||||
|
<!-- <label for="neutral">3</label>-->
|
||||||
|
<!-- <div class="check wthree"></div>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- <li><input type="radio" name="view" id="good"> -->
|
||||||
|
<!-- <label for="good">4</label>-->
|
||||||
|
<!-- <div class="check w3_agileits"></div>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- <li><input type="radio" name="view" id="excellent"> -->
|
||||||
|
<!-- <label for="excellent">5</label>-->
|
||||||
|
<!-- <div class="check w3_agileits"></div>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- </ul>-->
|
||||||
|
<!-- <h4 class="w3ls-right">Excellent</h4>-->
|
||||||
|
<!-- <div class="clear"></div>-->
|
||||||
|
<!-- </div> -->
|
||||||
|
<h6>How would you suggest to improve it</h6>
|
||||||
|
<textarea class="w3l_summary" required=""></textarea>
|
||||||
|
<input type="submit" value="Submit">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="agileits_copyright text-center">
|
||||||
|
<p>© 2017 Rate My Website. All rights reserved | Design by <a href="//w3layouts.com/" class="w3_agile">W3layouts</a></p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
Binary file not shown.
Binary file not shown.
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
|
||||||
|
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||||
|
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
|
||||||
|
version="4.0">
|
||||||
|
</web-app>
|
||||||
@ -0,0 +1,534 @@
|
|||||||
|
/*--
|
||||||
|
Author: W3layouts
|
||||||
|
Author URL: http://w3layouts.com
|
||||||
|
License: Creative Commons Attribution 3.0 Unported
|
||||||
|
License URL: http://creativecommons.org/licenses/by/3.0/
|
||||||
|
--*/
|
||||||
|
/*--reset--*/
|
||||||
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
|
||||||
|
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
|
||||||
|
ol,ul{list-style:none;margin:0px;padding:0px;}
|
||||||
|
blockquote,q{quotes:none;}
|
||||||
|
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
|
||||||
|
table{border-collapse:collapse;border-spacing:0;}
|
||||||
|
/*--start editing from here--*/
|
||||||
|
a{text-decoration:none;}
|
||||||
|
|
||||||
|
.clear{clear:both;}/* clear float */
|
||||||
|
.pos-relative{position:relative;}/* Position Relative */
|
||||||
|
.pos-absolute{position:absolute;}/* Position Absolute */
|
||||||
|
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
|
||||||
|
.vertical-top{ vertical-align:top;}/* vertical align top */
|
||||||
|
nav.vertical ul li{ display:block;}/* vertical menu */
|
||||||
|
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
|
||||||
|
img{max-width:100%;}
|
||||||
|
/*--end reset--*/
|
||||||
|
.messageBoardOuter{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin:0;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
}
|
||||||
|
h1,h2,h3,h4,h5,h6,input,p,a,select,button,textarea,label{
|
||||||
|
font-family: 'Josefin Sans', sans-serif;
|
||||||
|
margin:0;
|
||||||
|
font-weight:400;
|
||||||
|
}
|
||||||
|
.clear{clear:both;}
|
||||||
|
body a{
|
||||||
|
transition:0.5s all;
|
||||||
|
-webkit-transition:0.5s all;
|
||||||
|
-moz-transition:0.5s all;
|
||||||
|
-o-transition:0.5s all;
|
||||||
|
-ms-transition:0.5s all;
|
||||||
|
text-decoration: none;}
|
||||||
|
|
||||||
|
input[type="button"],input[type="button"]{
|
||||||
|
transition:0.5s all;
|
||||||
|
-webkit-transition:0.5s all;
|
||||||
|
-moz-transition:0.5s all;
|
||||||
|
-o-transition:0.5s all;
|
||||||
|
-ms-transition:0.5s all;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,h2,h3,h4,h5,h6{
|
||||||
|
margin:0;
|
||||||
|
transition:0.5s all;
|
||||||
|
-webkit-transition:0.5s all;
|
||||||
|
-moz-transition:0.5s all;
|
||||||
|
-o-transition:0.5s all;
|
||||||
|
-ms-transition:0.5s all;
|
||||||
|
}
|
||||||
|
p{
|
||||||
|
margin:0;
|
||||||
|
|
||||||
|
}
|
||||||
|
ul{
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
.text-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* feedback-form*/
|
||||||
|
|
||||||
|
.agile_form h2 {
|
||||||
|
font-size: 0.9em;
|
||||||
|
color:#1ec8e9;
|
||||||
|
margin: 1em 0;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
form.agile_form {
|
||||||
|
padding: 1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type=text]{
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text]{
|
||||||
|
padding:0.9em 1em;
|
||||||
|
color: #000000;
|
||||||
|
width: 88%;
|
||||||
|
font-size:1em;
|
||||||
|
outline: none;
|
||||||
|
border: 1px solid #848484;
|
||||||
|
background: rgba(88, 88, 88, 0.08);
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"] {
|
||||||
|
width: 94%;
|
||||||
|
padding: 0.9em 1em;
|
||||||
|
margin: 0em 0em 1em 0;
|
||||||
|
color: #000000;
|
||||||
|
font-size: 1em;
|
||||||
|
outline: none;
|
||||||
|
border: 1px solid #848484;
|
||||||
|
background: rgba(88, 88, 88, 0.08);
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
font-size: 0.85em;
|
||||||
|
color: #000000;
|
||||||
|
padding: 0.8em 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
width: 94.5%;
|
||||||
|
outline: none;
|
||||||
|
resize: none;
|
||||||
|
height: 7em;
|
||||||
|
border: 1px solid #848484;
|
||||||
|
background: rgba(88, 88, 88, 0.08);
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
width: 43%;
|
||||||
|
list-style-type: none;
|
||||||
|
float: left;
|
||||||
|
margin:1em 1.6em;
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
.agile_form ul li {
|
||||||
|
color: #f5e7cc;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.agile_form ul li input[type=radio]{
|
||||||
|
position: absolute;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.agile_form ul li label {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
font-size: 1.1em;
|
||||||
|
padding: 0.5em 0em 0.5em 1em;
|
||||||
|
margin: 3em 0 0 0.8em;
|
||||||
|
z-index: 9;
|
||||||
|
cursor: pointer;
|
||||||
|
text-transform: capitalize;
|
||||||
|
-webkit-transition: all 0.25s linear;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left {
|
||||||
|
display: inline;
|
||||||
|
float: left;
|
||||||
|
width: 24%;
|
||||||
|
font-size:1.1em;
|
||||||
|
letter-spacing:1px;
|
||||||
|
text-align:center;
|
||||||
|
background:#1ec8e9;
|
||||||
|
padding: 0.5em 0em;
|
||||||
|
margin-top: 3em;
|
||||||
|
position:relative;
|
||||||
|
border-radius:5px;
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left:before {
|
||||||
|
position: absolute;
|
||||||
|
top: 12px;
|
||||||
|
right: -17px;
|
||||||
|
background: transparent;
|
||||||
|
content: "";
|
||||||
|
border-left: 10px solid transparent;
|
||||||
|
border-right: 10px solid transparent;
|
||||||
|
border-bottom: 14px solid#1ec8e9;
|
||||||
|
transform: rotate(90deg);
|
||||||
|
-webkit-transform: rotate(90deg);
|
||||||
|
-moz-transform: rotate(90deg);
|
||||||
|
-o-transform: rotate(90deg);
|
||||||
|
-ms-transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.agile_form ul li label:hover {
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
.checkbox {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 38px !important;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
ul li .check {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
border: 3px solid #fff;
|
||||||
|
border-radius: 100%;
|
||||||
|
height: 13px;
|
||||||
|
width: 13px;
|
||||||
|
top: 22%;
|
||||||
|
left: 26px;
|
||||||
|
z-index: 5;
|
||||||
|
transition: border .25s linear;
|
||||||
|
-webkit-transition: border .25s linear;
|
||||||
|
}
|
||||||
|
.agile_form ul li:hover .check {
|
||||||
|
border: 3px solid #1ec8e9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form ul li .check::before {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
content: '';
|
||||||
|
border-radius: 100%;
|
||||||
|
height: 5px;
|
||||||
|
width: 5px;
|
||||||
|
top: 4px;
|
||||||
|
left: 4px;
|
||||||
|
margin: auto;
|
||||||
|
transition: background 0.25s linear;
|
||||||
|
-webkit-transition: background 0.25s linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type=radio]:checked ~ .check {
|
||||||
|
border: 3px solid #1ec8e9;
|
||||||
|
}
|
||||||
|
.agileits-rating {
|
||||||
|
margin: 1em 0 1.5em;
|
||||||
|
}
|
||||||
|
.agile_form input[type=radio]:checked ~ .check::before{
|
||||||
|
background: #eccff1;
|
||||||
|
}
|
||||||
|
.agileits-rating h5 {
|
||||||
|
color: #fff;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
font-size:1.1em;
|
||||||
|
font-weight:400;
|
||||||
|
}
|
||||||
|
.agile_form input[type=radio]:checked ~ label{
|
||||||
|
color: #FFC107;}
|
||||||
|
.textarea.w3l_summary {
|
||||||
|
min-height: 4em;
|
||||||
|
background: rgba(25, 5, 20, 0.48);
|
||||||
|
font-size: 0.85em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type="button"] {
|
||||||
|
width:50%;
|
||||||
|
text-transform: uppercase;
|
||||||
|
outline: none;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #eef5ec;
|
||||||
|
font-size:1em;
|
||||||
|
font-weight:600;
|
||||||
|
padding: 0.85em 0;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px solid #696867;
|
||||||
|
background: rgba(16, 16, 16, 0.47);
|
||||||
|
}
|
||||||
|
.agile_form input[type="button"]:hover:hover {
|
||||||
|
color: #2b2626;
|
||||||
|
background: rgb(230, 192, 85);
|
||||||
|
}
|
||||||
|
|
||||||
|
i.icon_agileits {
|
||||||
|
color: #000;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* // feedback-form*/
|
||||||
|
/*表单文字*/
|
||||||
|
.icon1, .icon2 {
|
||||||
|
position: relative;
|
||||||
|
margin-top: 1.3em;
|
||||||
|
}
|
||||||
|
.icon1 i{
|
||||||
|
left: 0;
|
||||||
|
font-size: 1em;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
position: absolute;
|
||||||
|
color: #000000;
|
||||||
|
top: -50%;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
}
|
||||||
|
.icon2 i {
|
||||||
|
left:0;
|
||||||
|
font-size: 1em;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
position: absolute;
|
||||||
|
color: #000000;
|
||||||
|
top: -68%;
|
||||||
|
font-family: 'PT Sans', sans-serif;
|
||||||
|
}
|
||||||
|
.icon1.w3ls-name1 {
|
||||||
|
float: left;
|
||||||
|
width: 47%;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
.icon1{
|
||||||
|
padding-bottom:1em!important;
|
||||||
|
}
|
||||||
|
.icon2{
|
||||||
|
float:right;
|
||||||
|
width:50%;
|
||||||
|
}
|
||||||
|
ul.无用 li {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 1em 1em;
|
||||||
|
}
|
||||||
|
.无用 {
|
||||||
|
margin: 1.5em 0;
|
||||||
|
}
|
||||||
|
span.无用 {
|
||||||
|
float: left;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 13.5px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.无用 a {
|
||||||
|
color: #fff;
|
||||||
|
float: right;
|
||||||
|
font-size: 13.5px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.无用 a:hover{
|
||||||
|
color: #dd4b39;
|
||||||
|
transition: 0.5s all;
|
||||||
|
-webkit-transition: 0.5s all;
|
||||||
|
-o-transition: 0.5s all;
|
||||||
|
-moz-transition: 0.5s all;
|
||||||
|
-ms-transition: 0.5s all;
|
||||||
|
}
|
||||||
|
.sub-main-w3 h6 {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
/* -- Responsive code -- */
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width: 1024px){
|
||||||
|
|
||||||
|
.agile_form input[type="button"] {
|
||||||
|
padding: 0.7em 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width: 667px){
|
||||||
|
|
||||||
|
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0 0 0.8em;
|
||||||
|
}
|
||||||
|
.agile_form input[type="email"] {
|
||||||
|
width: 93%;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text] {
|
||||||
|
width: 86%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 94%;
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
margin: 1em 2.5em 0 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 640px){
|
||||||
|
.agile_form ul {
|
||||||
|
width: 50.5%;
|
||||||
|
margin: 1em 0.8em 0 0.8em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 600px){
|
||||||
|
|
||||||
|
.agile_form input[type="email"] {
|
||||||
|
width: 92%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon1.w3ls-name1,.icon2 {
|
||||||
|
width: 100%;
|
||||||
|
float: none;
|
||||||
|
margin:1em 0;
|
||||||
|
}
|
||||||
|
.icon1.w3ls-name1 i {
|
||||||
|
top: -35px;
|
||||||
|
}
|
||||||
|
.icon2 {
|
||||||
|
margin: 5.2em 0 0;
|
||||||
|
}
|
||||||
|
.icon2 i {
|
||||||
|
top: -35px;
|
||||||
|
}
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0.8em 0;
|
||||||
|
}
|
||||||
|
.agile_form h4.w3ls-left {
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
.agileits-rating {
|
||||||
|
margin: 2em 0 1.5em;
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
width: 100%;
|
||||||
|
margin: 1em 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.agile_form input[type=text]{
|
||||||
|
width:92%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.agile_form h4.w3ls-left:before {
|
||||||
|
width:0;
|
||||||
|
top: 38px;
|
||||||
|
left: 20px;
|
||||||
|
transform: rotate(180deg);
|
||||||
|
-webkit-transform: rotate(180deg);
|
||||||
|
-moz-transform: rotate(180deg);
|
||||||
|
-o-transform: rotate(180deg);
|
||||||
|
-ms-transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 93%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1040px){
|
||||||
|
.icon1.w3ls-name1,.icon2 {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 568px){
|
||||||
|
|
||||||
|
.agile_form input[type="email"],.agile_form input[type=text] {
|
||||||
|
padding: 0.8em 1em;
|
||||||
|
width: 91%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 480px){
|
||||||
|
|
||||||
|
|
||||||
|
.agile_form input[type="button"] {
|
||||||
|
margin-top: 1em;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
ul li .check {
|
||||||
|
height: 10px;
|
||||||
|
width: 10px;
|
||||||
|
top: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form ul li .check::before {
|
||||||
|
height: 4px;
|
||||||
|
width: 4px;
|
||||||
|
top: 3px;
|
||||||
|
left: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
padding: 0.8em 1em;
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 91%;
|
||||||
|
}
|
||||||
|
.agile_form ul {
|
||||||
|
margin: 1em 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 414px){
|
||||||
|
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
width: 88%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 384px){
|
||||||
|
|
||||||
|
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0.5em 0;
|
||||||
|
}
|
||||||
|
ul li .check {
|
||||||
|
left: 22px
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
width: 87%;
|
||||||
|
}
|
||||||
|
.agile_form textarea {
|
||||||
|
width: 89%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width: 320px) {
|
||||||
|
|
||||||
|
.agile_form textarea {
|
||||||
|
height: 6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form ul li label {
|
||||||
|
margin: 3em 0.5em 0 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul li .check {
|
||||||
|
left: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type="email"], .agile_form input[type=text] {
|
||||||
|
width: 89%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type=text], .agile_form input[type="email"] {
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agile_form input[type="button"] {
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 510 KiB |
|
After Width: | Height: | Size: 954 KiB |
|
After Width: | Height: | Size: 752 KiB |
|
After Width: | Height: | Size: 788 KiB |
|
After Width: | Height: | Size: 522 KiB |
|
After Width: | Height: | Size: 404 KiB |
|
After Width: | Height: | Size: 742 KiB |
|
After Width: | Height: | Size: 881 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue