|
|
|
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta property="og:type" content="article" />
|
|
|
|
|
|
<meta name="author" content="" />
|
|
<meta name="keywords" content="" />
|
|
<meta name="description" content="" />
|
|
<meta name="og:title" property="og:title" content="" />
|
|
<meta name="og:description" property="og:description" content="" />
|
|
<meta name="og:image" property="og:image" content="" />
|
|
<meta name="twitter:title" content="" />
|
|
<meta name="twitter:description" content="" />
|
|
<meta name="twitter:image" content="" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<!-- Tailwind CSS -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
|
|
<!-- Pazly Colors -->
|
|
<link rel="stylesheet" href="https://pazly.dev/colors/gradients.css" />
|
|
<link rel="stylesheet" href="https://pazly.dev/colors/backgrounds.css" />
|
|
<link rel="stylesheet" href="https://pazly.dev/colors/text.css" />
|
|
<link rel="stylesheet" href="https://pazly.dev/colors/border.css" />
|
|
<style>
|
|
body { overflow-x: hidden; }
|
|
h1, h2, h3, h4, h5, h6 { line-height:1.3 !important; }
|
|
.stretchToScreen { width:100vw; height:100vh; }
|
|
</style>
|
|
|
|
<!-- Fontswesome -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/js/all.min.js"></script>
|
|
</head>
|
|
|
|
<body class="m-0 p-0 stretchToScreen">
|
|
|
|
|
|
<!-- Pazly Blocks Come Here -->
|
|
<section id="pazly-template-set" class="m-0 p-0 stretchToScreen bg-white">
|
|
<section xmlns="http://www.w3.org/1999/xhtml" class="w-full bg-p-white">
|
|
<div class="container mx-auto flex py-16 px-5 md:flex-row flex-col-reverse items-center">
|
|
<div class="w-full md:w-8/12 lg:w-6/12 xl:w-6/12 px-3 md:text-left mb-16 md:mb-0 items-center text-center">
|
|
<div class="w-full mb-4 py-2">
|
|
<h1 pazly-editable="innerHTML clone" class="font-semibold text-5xl text-p-gray-800 whitespace-pre-line">Ethos Media</h1>
|
|
</div>
|
|
<p pazly-editable="innerHTML" class="mb-8 leading-relaxed text-p-gray-700 whitespace-pre-line">Thanks for checking us out! As of 2023, we work with both end-user clients of media and other media production companies. We’re based out of the Dallas and Fort Worth, TX area but have served clients nation-wide. In a nutshell, we provide video production and photography as our two flagship services using primarily high-end Sony and Blackmagic Design equipment. Need an event recorded, corporate messaging produced, a crowdfunding video, want to dabble in VR media, or something else video or photography-related? You’re in the right place. We’ve partnered with Bullpen Marketing so that once videos are produced, you know what to do with them to get views! We produce all types professional and creative projects ranging from podcast recording, corporate messaging, commercials, event coverage, live streaming, virtual reality, aerial drone coverage, performing arts recording, music videos, and crowdfunding campaign videos. We always aim to take things a step further by providing our clients best-practices advice when publishing their content. We’re also now an old-school company who has vowed never to use AI to replace other professionals that service our industry.</p>
|
|
<div class="flex flex-col md:flex-row justify-center md:justify-start">
|
|
<a pazly-editable="innerHTML href bg clone" class="mx-1 font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 uppercase text-sm shadow hover:shadow-lg text-white bg-p-indigo-800 whitespace-pre-line" style="transition:all .15s ease" target="_blank" href="https://www.ethosmedia.net/">Website</a>
|
|
<a pazly-editable="innerHTML href bg clone" class="mx-1 text-p-gray-700 font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 uppercase text-sm shadow hover:shadow-lg whitespace-pre-line bg-p-truegray-50" target="_blank" href="https://maps.app.goo.gl/Lv4N6JLi1E1mM1rN7">Google Reviews</a>
|
|
<a pazly-editable="innerHTML href bg clone" class="mx-1 font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 uppercase text-sm shadow hover:shadow-lg text-white bg-p-indigo-800 whitespace-pre-line" style="transition:all .15s ease" target="_blank" href="https://www.youtube.com/user/EthosMediaChannel/videos">YouTube Videos</a><a pazly-editable="innerHTML href bg clone" class="mx-1 text-p-gray-700 font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 uppercase text-sm shadow hover:shadow-lg whitespace-pre-line bg-p-truegray-50" target="_blank" href="http://www.linkedin.com/company/ethos-media">LinkedIn</a></div>
|
|
</div>
|
|
<div class="w-full md:w-8/12 lg:w-6/12 xl:w-6/12 w-5/6 text-center">
|
|
<img pazly-editable="src block" class="inline-flex object-cover object-center rounded-lg" alt="hero" src="https://www.ethosmedia.net/wp-content/uploads/2021/02/Ethos-Media-Logo.png" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section xmlns="http://www.w3.org/1999/xhtml" class="w-full bg-p-bluegray-50 py-16">
|
|
<div class="container mx-auto flex flex-col-reverse lg:flex-row items-center">
|
|
<div class="w-10/12 lg:w-1/2 px-4 lg:px-12">
|
|
<h6 pazly-editable="innerHTML" class="text-4xl mb-3 font-semibold whitespace-pre-line">Examples Of Recent Video Production Projects And Helpful Tips</h6>
|
|
<p pazly-editable="innerHTML" class="mb-4 text-lg text-p-gray-600 whitespace-pre-line">This playlist shows recent video clips from client projects across Dallas Fort Worth and North Texas. The list of videos also has helpful tips such as how to promote your live stream video event in advance of the actual date. </p>
|
|
</div>
|
|
<div class="w-full flex flex-col lg:w-1/2 px-2 items-center py-6">
|
|
<style> .videoWrapper { width: 100%; min-height: 355px; height: 100%; overflow: hidden; position: relative; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style>
|
|
<div pazly-editable="iframe bg" class="videoWrapper w-full rounded-lg overflow-hidden"><iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=voX6rUemQLTRB47x&list=PL6LZh0XPujR4_nK0DcxRKOA33hvtBvIlm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen class></iframe></div>
|
|
<p pazly-editable="innerHTML" class="w-full text-center text-sm px-4 mt-2 whitespace-pre-line text-p-truegray-500"></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section xmlns="http://www.w3.org/1999/xhtml" class="w-full bg-p-bluegray-50 py-16">
|
|
<div class="container mx-auto flex flex-col-reverse lg:flex-row items-center">
|
|
<div class="w-10/12 lg:w-1/2 px-4 lg:px-12">
|
|
<h6 pazly-editable="innerHTML" class="text-4xl mb-3 font-semibold whitespace-pre-line">Example Of Virtual Reality Video Production</h6>
|
|
<p pazly-editable="innerHTML" class="mb-4 text-lg text-p-gray-600 whitespace-pre-line">Recorded in Downtown McKinney TX</p>
|
|
</div>
|
|
<div class="w-full flex flex-col lg:w-1/2 px-2 items-center py-6">
|
|
<style> .videoWrapper { width: 100%; min-height: 355px; height: 100%; overflow: hidden; position: relative; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style>
|
|
<div pazly-editable="iframe bg" class="videoWrapper w-full rounded-lg overflow-hidden"><iframe width="560" height="315" src="https://www.youtube.com/embed/vuOYZ3VAu4c" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class></iframe></div>
|
|
<p pazly-editable="innerHTML" class="w-full text-center text-sm px-4 mt-2 whitespace-pre-line text-p-truegray-500"></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section xmlns="http://www.w3.org/1999/xhtml" class="w-full bg-p-bluegray-50 py-16">
|
|
<div class="container mx-auto flex flex-col-reverse lg:flex-row items-center">
|
|
<div class="w-10/12 lg:w-1/2 px-4 lg:px-12">
|
|
<h6 pazly-editable="innerHTML" class="text-4xl mb-3 font-semibold whitespace-pre-line">Example Of Event Videography</h6>
|
|
<p pazly-editable="innerHTML" class="mb-4 text-lg text-p-gray-600 whitespace-pre-line">Tips on event video recording</p>
|
|
</div>
|
|
<div class="w-full flex flex-col lg:w-1/2 px-2 items-center py-6">
|
|
<style> .videoWrapper { width: 100%; min-height: 355px; height: 100%; overflow: hidden; position: relative; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style>
|
|
<div pazly-editable="iframe bg" class="videoWrapper w-full rounded-lg overflow-hidden"><iframe width="560" height="315" src="https://www.youtube.com/embed/kj1dehuieF0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class></iframe></div>
|
|
<p pazly-editable="innerHTML" class="w-full text-center text-sm px-4 mt-2 whitespace-pre-line text-p-truegray-500"></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section xmlns="http://www.w3.org/1999/xhtml" class="w-full bg-p-bluegray-50 py-16">
|
|
<div class="container mx-auto flex flex-col-reverse lg:flex-row items-center">
|
|
<div class="w-10/12 lg:w-1/2 px-4 lg:px-12">
|
|
<h6 pazly-editable="innerHTML" class="text-4xl mb-3 font-semibold whitespace-pre-line">Example Of Commercial Video Production</h6>
|
|
<p pazly-editable="innerHTML" class="mb-4 text-lg text-p-gray-600 whitespace-pre-line">Recorded in the DFW area</p>
|
|
</div>
|
|
<div class="w-full flex flex-col lg:w-1/2 px-2 items-center py-6">
|
|
<style> .videoWrapper { width: 100%; min-height: 355px; height: 100%; overflow: hidden; position: relative; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style>
|
|
<div pazly-editable="iframe bg" class="videoWrapper w-full rounded-lg overflow-hidden"><iframe width="560" height="315" src="https://www.youtube.com/embed/TQIcFktCRJo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class></iframe></div>
|
|
<p pazly-editable="innerHTML" class="w-full text-center text-sm px-4 mt-2 whitespace-pre-line text-p-truegray-500"></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section xmlns="http://www.w3.org/1999/xhtml" class="w-full bg-p-bluegray-50 py-16">
|
|
<div class="container mx-auto flex flex-col-reverse lg:flex-row items-center">
|
|
<div class="w-10/12 lg:w-1/2 px-4 lg:px-12">
|
|
<h6 pazly-editable="innerHTML" class="text-4xl mb-3 font-semibold whitespace-pre-line">Example Of Trade Show Video Production</h6>
|
|
<p pazly-editable="innerHTML" class="mb-4 text-lg text-p-gray-600 whitespace-pre-line">Video footage from a Dallas Fort Worth area trade show</p>
|
|
</div>
|
|
<div class="w-full flex flex-col lg:w-1/2 px-2 items-center py-6">
|
|
<style> .videoWrapper { width: 100%; min-height: 355px; height: 100%; overflow: hidden; position: relative; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style>
|
|
<div pazly-editable="iframe bg" class="videoWrapper w-full rounded-lg overflow-hidden"><iframe width="560" height="315" src="https://www.youtube.com/embed/88045VSkPQc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class></iframe></div>
|
|
<p pazly-editable="innerHTML" class="w-full text-center text-sm px-4 mt-2 whitespace-pre-line text-p-truegray-500"></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section xmlns="http://www.w3.org/1999/xhtml" class="w-full bg-p-bluegray-50 py-16">
|
|
<div class="container mx-auto flex flex-col-reverse lg:flex-row items-center">
|
|
<div class="w-10/12 lg:w-1/2 px-4 lg:px-12">
|
|
<h6 pazly-editable="innerHTML" class="text-4xl mb-3 font-semibold whitespace-pre-line">Example Of A Product Demonstration Video</h6>
|
|
<p pazly-editable="innerHTML" class="mb-4 text-lg text-p-gray-600 whitespace-pre-line">Filmed in the North Texas area</p>
|
|
</div>
|
|
<div class="w-full flex flex-col lg:w-1/2 px-2 items-center py-6">
|
|
<style> .videoWrapper { width: 100%; min-height: 355px; height: 100%; overflow: hidden; position: relative; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style>
|
|
<div pazly-editable="iframe bg" class="videoWrapper w-full rounded-lg overflow-hidden"><iframe width="560" height="315" src="https://www.youtube.com/embed/jnnPRy0BR8Q" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class></iframe></div>
|
|
<p pazly-editable="innerHTML" class="w-full text-center text-sm px-4 mt-2 whitespace-pre-line text-p-truegray-500"></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section xmlns="http://www.w3.org/1999/xhtml" class="w-full bg-p-bluegray-50 py-16">
|
|
<div class="container mx-auto flex flex-col-reverse lg:flex-row items-center">
|
|
<div class="w-10/12 lg:w-1/2 px-4 lg:px-12">
|
|
<h6 pazly-editable="innerHTML" class="text-4xl mb-3 font-semibold whitespace-pre-line">Example Of Mini-Documentary Video Production</h6>
|
|
<p pazly-editable="innerHTML" class="mb-4 text-lg text-p-gray-600 whitespace-pre-line">This mini documentary trailer was produced by Ethos Media, located in the Dallas Fort Worth area of Texas.</p>
|
|
</div>
|
|
<div class="w-full flex flex-col lg:w-1/2 px-2 items-center py-6">
|
|
<style> .videoWrapper { width: 100%; min-height: 355px; height: 100%; overflow: hidden; position: relative; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style>
|
|
<div pazly-editable="iframe bg" class="videoWrapper w-full rounded-lg overflow-hidden"><iframe width="560" height="315" src="https://www.youtube.com/embed/7AjTWb7-lEI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class></iframe></div>
|
|
<p pazly-editable="innerHTML" class="w-full text-center text-sm px-4 mt-2 whitespace-pre-line text-p-truegray-500"></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section xmlns="http://www.w3.org/1999/xhtml" class="w-full bg-p-bluegray-50 py-16">
|
|
<div class="container mx-auto flex flex-col-reverse lg:flex-row items-center">
|
|
<div class="w-10/12 lg:w-1/2 px-4 lg:px-12">
|
|
<h6 pazly-editable="innerHTML" class="text-4xl mb-3 font-semibold whitespace-pre-line">Example Of Podcast Recording Videos</h6>
|
|
<p pazly-editable="innerHTML" class="mb-4 text-lg text-p-gray-600 whitespace-pre-line">Sample footage recorded on three, Blackmagic Studio Camera 4K Pros </p>
|
|
</div>
|
|
<div class="w-full flex flex-col lg:w-1/2 px-2 items-center py-6">
|
|
<style> .videoWrapper { width: 100%; min-height: 355px; height: 100%; overflow: hidden; position: relative; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style>
|
|
<div pazly-editable="iframe bg" class="videoWrapper w-full rounded-lg overflow-hidden"><iframe width="560" height="315" src="https://www.youtube.com/embed/PbAhXPTONZk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class></iframe></div>
|
|
<p pazly-editable="innerHTML" class="w-full text-center text-sm px-4 mt-2 whitespace-pre-line text-p-truegray-500"></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<!-- Pazly Blocks Ends Here -->
|
|
|
|
<!-- Pazly Scripts Start Here -->
|
|
<section id="pazly-scripts-set" class="m-0 p-0 w-0 h-0">
|
|
|
|
<!-- Smooth scrolling -->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
|
<script>
|
|
// handle links with @href started with '#' only
|
|
$(document).on('click', 'a[href^="#"]', function(e) {
|
|
// target element id
|
|
var id = $(this).attr('href');
|
|
|
|
// target element
|
|
var $id = $(id);
|
|
if ($id.length === 0) {
|
|
return;
|
|
}
|
|
|
|
// prevent standard hash navigation (avoid blinking in IE)
|
|
e.preventDefault();
|
|
|
|
// top position relative to the document
|
|
var pos = $id.offset().top;
|
|
|
|
// animated top scrolling
|
|
$('body, html').animate({scrollTop: pos});
|
|
});
|
|
</script>
|
|
|
|
</section>
|
|
|
|
</body>
|
|
</html>
|
|
|
