From a875c40a5dfecd24c084386450f12abd4f2867da Mon Sep 17 00:00:00 2001 From: Erik Lindsay Date: Thu, 23 Feb 2017 12:31:28 -0500 Subject: [PATCH] added well details view --- html-ONLY-site/css/main.css | 5 +- html-ONLY-site/css/well-card.css | 23 +++++++++ html-ONLY-site/wells-list.html | 88 ++++++++++++++++++++++++++++++++ 3 files changed, 114 insertions(+), 2 deletions(-) create mode 100644 html-ONLY-site/css/well-card.css create mode 100644 html-ONLY-site/wells-list.html diff --git a/html-ONLY-site/css/main.css b/html-ONLY-site/css/main.css index 4c7ff91..b200839 100644 --- a/html-ONLY-site/css/main.css +++ b/html-ONLY-site/css/main.css @@ -137,12 +137,13 @@ button { width: 100vw; height: 100vh; } - +main{ + margin-top: 4.25rem; +} form { display: flex; flex-direction: column; - margin-top: 2.6rem; } form ul, h2{ margin: 1rem diff --git a/html-ONLY-site/css/well-card.css b/html-ONLY-site/css/well-card.css new file mode 100644 index 0000000..3e6ab58 --- /dev/null +++ b/html-ONLY-site/css/well-card.css @@ -0,0 +1,23 @@ +div.well-card div{ + float: left; + width: 65%; + padding: 1rem; +} + +div.well-card h2{ + border-bottom: none; + margin: 0; +} + +div.well-card { + border-bottom: 2px solid #4d4d4d; +} + +div.well-card .well-img{ + background-image: url(https://s-media-cache-ak0.pinimg.com/originals/33/c2/c4/33c2c4cf367ecee38a162d362a31fd68.jpg); + background-size: cover; + background-position: center; + float: left; + width: 35%; + height: 8rem; +} \ No newline at end of file diff --git a/html-ONLY-site/wells-list.html b/html-ONLY-site/wells-list.html new file mode 100644 index 0000000..b256978 --- /dev/null +++ b/html-ONLY-site/wells-list.html @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+

Well Name

+

short well description

+
+
+ +
+ + + + + + + + + + + + + + + + + +