Skip to content

3 4 #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
og-vale wants to merge 9 commits into
base: master
Choose a base branch
from
Open

3 4 #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
862b798
refines responsive image and minore refinement
og-vale Aug 2, 2018
0926070
adds icons for buttons and new service image
og-vale Aug 3, 2018
f377d27
adds video, icons and styles phone number
og-vale Aug 3, 2018
61db5b0
Added more paragraphs to make the copy easier to read.
evolve2k Aug 3, 2018
65c6300
Added Meta Description
evolve2k Aug 3, 2018
5f9ebef
adds link refrence to twitter
og-vale Apr 26, 2019
abbc64d
adds links refrence for facebook page like
og-vale Apr 26, 2019
3549b2e
refined call to action
og-vale Apr 26, 2019
2f37a28
format
og-vale Apr 26, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file removed src/assets/images/services@3x.png
View file
Open in desktop
Binary file not shown.
Binary file removed src/assets/images/services@72x-8.png
View file
Open in desktop
Binary file not shown.
Binary file removed src/assets/images/services@72x.png
View file
Open in desktop
Binary file not shown.
1 change: 0 additions & 1 deletion src/assets/images/svg/Asset 5.svg
View file
Open in desktop

This file was deleted.

1 change: 1 addition & 0 deletions src/assets/images/svg/fb.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/assets/images/svg/services.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/assets/images/svg/tw.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
34 changes: 32 additions & 2 deletions src/assets/stylesheets/functions.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,35 @@
/* Functions.css - Classes only, max length 9 characters */

.hero-img {
background-image: url("../images/hero@3x.png");
img.fit-cover {
object-fit: cover;
}

img.pos-ct {
object-position: center top;
}

img.obj-cover {
object-fit: cover;
}

.border-box {
box-sizing: border-box;
}

.video-container {
position: relative;
height: 0;
padding-bottom: 56.25%;
}

.video-container>* {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}

.bg-purple-gradent {
background-image: linear-gradient(-90deg, #9253A1 3%, #9255A2 41%, #915DA7 59%, #8F6AAF 73%, #8D7DBB 86%, #8A94CA 97%, #8A95CA 97%);
}
26 changes: 13 additions & 13 deletions src/assets/stylesheets/identity.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,14 @@ html {
}

body {
background-color: white;
font-family: 'Roboto', serif;
line-height: 1.5rem;
font-weight: 400;
}

strong {
font-weight: 700;
font-weight: 500;
}

em {
Expand All @@ -21,13 +24,6 @@ html {
font-size: 1em;
}

body {
background-color: white;
font-family: 'Roboto', serif;
font-weight: 400;
color: #333;
}

p {
margin-bottom: 1.3em;
}
Expand Down Expand Up @@ -118,14 +114,10 @@ th {
a {
text-decoration: none;
font-weight: 400;
color: #03359A;
}

hr {
border: solid;
border-width: 2px;
box-sizing: content-box;
margin: .5rem auto;
height: 4px;
}

blockquote {
Expand All @@ -150,6 +142,14 @@ section {
cursor: pointer;
}

img.fit-cover {
object-fit: cover;
}

img.pos-ct {
object-position: center top;
}

@media (min-width: 576px) {
blockquote {
font-size: 1.563em;
Expand Down
168 changes: 100 additions & 68 deletions src/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,100 +1,132 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
<meta charset="utf-8">
<meta description="Add description here">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Digital Concierge</title>
</head>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta
description="Managing a disability brings it’s own daily challenges, dealing with red tape and government forms doesn’t need to be one of them.">
<title>My Digital Concierge</title>
</head>

<body class="text-mdc-grey">

<div class="case">

<header class="pt-6">
<div class="logo w-32 ">
<img src="src/assets/images/svg/mdc_logo.svg" alt="My Digital Concierge Logo (MDC)">
</div>
<div class="hero-img h-128 w-full overflow-hidden">
<img class="h-128 w-full fit-cover pos-ct" src="src/assets/images/hero@3x.png"
alt="My Digital Concierge Logo (MDC)">
</div>
</header>

<main class="m-auto">

<section class="pt-6">
<h1>We sort out the beauracracy and bring you peace.</h1>
<p>Managing a disability brings it’s own daily challenges, dealing with red tape and government forms doesn’t
need to be one of them. We come and visit you and work along side you to help you access the online services
you need. Participants are
saying were having a profound impact on their quality of lives. This brings us much joy. Reach out and lets
bring some joy to your own governement dealings.</p>
</section>


<blockquote class="bg-purple-gradent">

<section class="text-center pt-6 pb-9 text-white">
<strong>"</strong> To make dealing with the government as <strong>easy chatting over coffee</strong>
<strong>"</strong>
</section>

<body>
</blockquote>

<div class="case">

<header class="pt-6">
<div class="logo w-32 ">
<img src="src/assets/images/svg/mdc_logo.svg" alt="My Digital Concierge Logo (MDC)">
</div>
<div class="hero-img h-128 w-full overflow-hidden">
<img class="h-auto w-full" src="src/assets/images/hero@3x.png" alt="My Digital Concierge Logo (MDC)">
<section>
<h2 class="pb-0">We value</h2>

<div class="text-center">
<img class="max-h-60 w-auto" src="src/assets/images/svg/values.svg" alt="Just ring and will be there">
</div>
</header>

<main class="m-auto">
</section>

<section class="pt-6">
<h1>We sort out the beauracracy and bring you peace.</h1>
<p>Managing a disability brings it’s own daily challenges, dealing with red tape and government forms doesn’t need to be one of them. We come and visit you and work along side you to help you access the online services you need. Participants are
saying were having a profound impact on their quality of lives. This brings us much joy. Reach out and lets bring some joy to your own governement dealings.</p>
</section>
<section class="pb-0 px-0">
<h2>Testimonials</h2>

<div class="video-container">
<iframe width="805" height="453" src="https://www.youtube.com/embed/HIeDAkiP_Zk" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>

<blockquote class="bg-grey">

<section class="">
<strong>"</strong> To make dealing with the government as </br><strong>easy chatting over coffee</strong> <strong>"</strong>
</section>
</section>

</blockquote>
<section>
<h2>Services</h2>

<p>My Digital Concierge (aka Concierge) exists to provide a personalised human interface between people and
beauracracy. Clients usually like to meet in the familiarity of their homes where they have all their
documents readily available.</p>
<p><strong class="font-semibold">Our initial offering is assistance with registering and managing MyGov Accounts
and Adelaide Metro Concession Cards</strong> and we plan to expand to other services.</p>

<section>
<h2 class="pb-0">We value</h2>
<p>Reach out if you’d like to know more and also let us know if there are other services you’d like us to
consider.</p>

<div class="text-center">
<img class="max-h-60 w-auto" src="src/assets/images/svg/values.svg" alt="Just ring and will be there">
</div>
</section>
</main>

</section>
<footer>

<section class="pb-0">
<h2>Testimonials</h2>
<section class="text-center">
<div class="text-center hero-img">
<img class="h-full w-full max-w-sm" src="src/assets/images/svg/services.svg"
alt="Just ring and will be there">
</div>
<p class="mt-0">
How may i help You today?</p>

<div class="h-64 bg-grey-darker">
<h2 class="mt-0">
<hr class="mt-0 w-24 bg-mdc-grey">
Get in touch with our team</h2>

</div>

</section>

<section>
<h2>Services</h2>

<p>My Digital Concierge (aka Concierge) exists to provide a personalised human interface between people and beauracracy. <strong>Our initial offering is assistance with registering and managing MyGov Accounts and Adelaide Metro Concession Cards.</strong> Client’s usually like to meet in the familiarity of their homes where they have all the necessary documents readily available. Reach out if you’d like to know more and also let us know if there are other services you’d like us to consider.</p>
<div class="text-center mt-6 pt-3">
<img class="h-auto max-w-sm" src="src/assets/images/services@3x.png" alt="Just ring and will be there">
<!-- <p>Phone <a class="text-grey-darkest courser-pointer" href="tel:0412345678">0412 345 678</a> | -->
<a class="text-grey-darkest courser-pointer"
href="email:hello@mydigitalconcierge.com.au"><strong>hello@mydigitalconcierge.com.au</strong></a> </p>
<a target="_blank"
href="https://www.facebook.com/plugins/error/confirm/like?iframe_referer=&kid_directed_site=false&secure=true&plugin=like&return_params=%7B%22href%22%3A%22https%3A%2F%2Fwww.facebook.com%2FMyDigitalConcierge%2F%22%2C%22ret%22%3A%22sentry%22%2C%22act%22%3A%22like%22%7D">
<div class="inline-block ml-3 h-12 w-12 rounded-full bg-mdc-grey btn">
<img class="h-8 my-2" src="src/assets/images/svg/fb.svg" alt="Like our mdc Facebook page">
</div>
</section>
</main>

<footer>

<section class="text-center">
<h2><hr class="zwx w-24">
Get in touch</h2>
</a>

<p>Phone <a href="tel:041234567">041234567</a> | <a href="email:hello@mydigitalconcierge.com.au"><strong>hello@mydigitalconcierge.com.au</strong></a> </p>
<div class="inline-block mt-6 ml-3 h-12 w-12 rounded-full bg-grey-darker btn">

</div>
<a href="http://www.facebook.com/plugins/like.php?href=http://google.com;">
<div class="inline-block mt-6 ml-3 h-12 w-12 rounded-full bg-grey-darker btn">
</a>
<a class="inline-block ml-3 h-12 w-12 rounded-full bg-mdc-grey btn" href="" target=" _blank">
<img class="h-8 w-8 my-2" src="src/assets/images/svg/tw.svg" alt="Follow on mdc twitter">

</div>
<p class="block"><small>Support the project with <strong>one like</strong> </small></p>
</a>

</section>
<p class="block"><small>Support the project with <strong>one like</strong> </small></p>

<section class="pt-6">
<h1>Would you like to work with us?</h1>
</section>

<p>Arising from GovHack 2017 and winning a Premiers Award for Community Innovation we’re a new project that is open to working with others. Do you offer services to those with Disabilities or can you see this service as being of service in your
community. Please reach out, we’d love to chat.</p>
<section class="pt-6">
<h1>Would you like to work with us?</h1>

</section>
</footer>
</div>
</body>
<p>Arising from GovHack 2017 and winning a Premiers Award for Community Innovation we’re a new project that is
open to working with others.</p>
<p>Do you offer services to those with Disabilities or can you see this service as being of service in your
community. Please reach out, we’d love to chat.</p>
</section>
</footer>
</div>
</body>

</html>
</html>
Loading